web-dev-qa-db-fra.com

CSS: réduire l'espacement des lignes de texte?

J'ai du mal à réduire l'espacement entre les lignes de texte avec CSS line-height (ou height - j'ai essayé les deux).

J'ai un peu de texte et l'espacement est désactivé. J'ai essayé de modifier les styles qui semblent (semble-t-il) s'appliquer, ainsi que de placer le texte dans un <span>...</span> et de déclarer explicitement le style. Rien ne semble fonctionner.

Le site est un site Wordpress utilisant le thème "lite" de Pagelines. L'URL est http://stage.dsthree.com et le problème se trouve sur la page d'accueil (vous pouvez le voir dans la quatrième colonne de texte, juste en dessous de la zone "abonnement électronique" dans le petit texte - le l'interligne pour ce texte est désactivé Ce site ne me permettra pas de poster une capture d'écran, car je suis nouveau ici ... désolé.

J'ai réduit la hauteur de ligne à 1% et à 1px sans effet.

Toute aide, des instructions ou des suggestions sur la façon de réduire les espaces sont très appréciées!

16
user2649496

Les éléments en ligne n'honorent pas les propriétés telles que line-height; ils prennent la hauteur de ligne du parent de bloc le plus proche.

Voir Fiddle

Solution: supprimer la hauteur de ligne du corps ou transformer la plage en bloc (c’est-à-dire en faire une div; ne pas donner display:block à la plage).

33
Mr Lister

Ajoutez display:block & remove height.

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

Vous en apprendrez plus sur la propriété display:blockici.

18
Shivam

Vous avez un line-height: 21px;In dans le corps. Supprimez cela et cela devrait fonctionner.

1
Benteh