it-swarm.dev

CSS: ridurre l'interlinea del testo?

Ho difficoltà a ridurre la spaziatura tra le righe di testo con altezza riga CSS (o altezza - Ho provato entrambi).

Ho un piccolo pezzetto di testo e la spaziatura è disattivata. Ho provato a modificare gli stili che (sembrano) applicare, e anche a racchiudere il testo in un <span>...</span> e dichiarare esplicitamente lo stile. Niente sembra funzionare.

Il sito è un sito Wordpress che utilizza il tema "lite" Pageline. L'URL è http://stage.dsthree.com e il problema è in prima pagina (puoi vederlo nella quarta colonna di testo, appena sotto la casella "email subscribe" nel testo piccolo - il l'interlinea per quel testo è off. Questo sito non mi permetterà di pubblicare uno screenshot, visto che sono nuovo qui ... mi dispiace.

Ho ridotto l'altezza della linea all'1% e a 1px senza alcun effetto.

Ogni aiuto, indicazioni o suggerimenti su come ridurre lo spazio bianco è molto apprezzato!

16
user2649496

Gli elementi incorporati non rispettano proprietà come line-height; assumono l'altezza della linea del genitore del blocco più vicino.

Vedi Fiddle

Soluzione: rimuovi l'altezza della linea dal corpo o trasforma lo span in un blocco (cioè crea un div, non dare display:block allo span).

33
Mr Lister

Aggiungi display:block e rimuovi height.

<span style="font-size: 75%; line-height: 16px; display:block">blog posts & occasional updates (updates max 1 every 14 days)</span>

Ulteriori informazioni sulla proprietà display:blockhere.

18
Shivam

Hai un line-height: 21px;nel corpo. Rimuovi questo e dovrebbe funzionare.

1
Benteh