Que signifie la hauteur de ligne ? La différence entre la hauteur de ligne avec des unités et sans unités

Comment utiliser l'attribut lineheight ? Que signifie la hauteur de ligne ? Pour les nouveaux arrivants qui viennent d'entrer en contact avec CSS, ils ne savent peut-être pas grand-chose sur la hauteur de ligne avec et sans unités. Parlons de la différence entre la hauteur de ligne avec et sans unités ?

1 : Que signifie la hauteur de ligne ?

la hauteur de ligne est utilisée pour indiquer la hauteur de ligne et est utilisée pour contrôler l'espacement entre le texte. Nous pouvons utiliser la ligne. -height pour définir la position centrale du tableau ou utiliser la hauteur de ligne pour indiquer la longueur du contenu du tableau.

Utilisation :

<div style="height:100px">
php中文网
</div>
此时，文本"php中文网"会在整个div的左上角。
<div style="height:100px;line-height:100px">
php中文网
</div>

L'effet est le suivant :

2 : hauteur de ligne avec et sans unités Différence

Dans le code ci-dessus, nous pouvons voir qu'il y a une unité px dans la hauteur de ligne : 100px, alors quelle est la différence entre la hauteur de ligne avec unité et sans unité ? d'abord sur une photo Photo :

Beaucoup de gens ne se sentiront pas inconnus lorsqu'ils le verront, et ils penseront que cela est dû à la hauteur de la ligne. Pour obtenir le centrage vertical d'une ligne de texte, nous donnerons à line -height une valeur fixe. Parfois, lorsque nous ajustons l'espacement des lignes, nous ajoutons généralement des px ou un pourcentage. Dans ce cas, nous ne considérons pas l'héritage, et il y en aura. aucun problème. Lorsque nous utilisons l'héritage, nous aurons les problèmes ci-dessus.

En fait, tant que la hauteur de ligne est héritée, un chevauchement se produira s'il y a des nombres et des unités après la hauteur de ligne, la valeur héritée sera convertie en une valeur spécifique s'il n'y a pas d'unité derrière. , héritez simplement de la valeur directement, et elle sera recalculée en fonction de ses propres attributs.

Que signifie ce qui précède pour la hauteur de ligne ? Une introduction complète à la différence entre la hauteur de ligne avec unités et sans unités. Si vous souhaitez en savoir plus sur le tutoriel vidéo HTML, veuillez faire attention au site Web chinois php.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!