Hauteur de ligne affectant l'espacement au-dessus de la première ligne et après la dernière ligne
J'ai un texte à côté de la rubrique avec plusieurs lignes. Voulez l'espacement des deux lignes d'augmenter, je me suis donc fixé la hauteur de la ligne. Quand je fais cela, non seulement il augmente l'espace entre les deux lignes, il augmente également l'espacement au-dessus de la première ligne (et peut-être au-dessous de la seconde). Comment puis-je augmenter l'espacement entre les deux lignes seulement, sans augmenter au-dessus et au-dessous.
Je sais que c'est un comportement de Line-height
. mais juste curieux de savoir si il n'y a aucune bonne solution pour ce.
C'est juste en exemple de ce que je vous demande.
Jsfiddle: http://jsfiddle.net/jitendravyas/V3eWV/
source d'informationauteur Jitendra Vyas
Vous devez vous connecter pour publier un commentaire.
Vous pouvez utiliser des marges négatives pour cela, bien qu'il y est quelque chose à garder à l'esprit:
line-height
est une drôle de chose. Selon CSS2.1 il ne précise pas la hauteur de la ligne, mais la hauteur minimale d'une ligne de blocs:Une zone de ligne est définie dans 9.4.2 le formatage en ligne contextes:
Cela ne changera pas dans CSS3 très bienau moins si vous ne modifiez pas la
line-stacking
. Cependant, il n'existe pas de propriété qui cible votre problème: vous ne pouvez pas changer leline-height
de la::first-line
il sera toujours appliquée.Cela dit, l'utilisation des marges négatives pour le moment. Encore mieux, enveloppez vos éléments dans un conteneur générique. En utilisant
:first-child
et:last-child
vous pouvez ajouter autant d'éléments que vous le souhaitez.Exemple