Que signifie l'espacement des lignes HTML5 ?-Questions et réponses frontales-php.cn

Que signifie l'espacement des lignes HTML5 ?

WBOY

Libérer： 2022-01-23 17:33:51

original

4990 Les gens l'ont consulté

En HTML5, l'espacement des lignes est représenté par "line-height" ; utilisez cet attribut pour définir la hauteur de ligne du texte. Cet attribut affectera la disposition de la zone de ligne. Lors de la définition d'un élément au niveau du bloc, il définira la hauteur de la ligne. ligne de base de l'élément. La distance minimale entre les éléments, la syntaxe est "".

Que signifie l'espacement des lignes HTML5 ?

L'environnement d'exploitation de ce tutoriel : système Windows 10, version HTML5, ordinateur Dell G3.

Que signifie l'espacement des lignes html5 ?

L'attribut line-height définit la distance entre les lignes (hauteur de ligne).

Remarque : les valeurs négatives ne sont pas autorisées.

Explication

Cet attribut affectera la disposition de la zone de ligne. Lorsqu'il est appliqué à un élément de niveau bloc, il définit la distance minimale entre les lignes de base dans cet élément plutôt que la distance maximale.

La différence calculée entre la hauteur de ligne et la taille de police (appelée « espacement des lignes » en CSS) est divisée en deux moitiés et ajoutée en haut et en bas d'une ligne de contenu texte. La plus petite boîte pouvant contenir ce contenu est une boîte de ligne.

La valeur numérique d'origine spécifie un facteur de mise à l'échelle, et les éléments descendants hériteront de ce facteur de mise à l'échelle au lieu de la valeur calculée.

Les valeurs possibles pour ce paramètre de propriété sont :

Que signifie lespacement des lignes HTML5 ?

L'exemple est le suivant :

<html>
<head>
</head>
<body>
<p>
这是拥有标准行高的段落。
在大多数浏览器中默认行高大约是 110% 到 120%。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
</p>
<p style="line-height: 90%">
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
</p>
<p style="line-height: 200%">
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
</p>
</body>
</html>

Copier après la connexion

Résultat de sortie :

Que signifie lespacement des lignes HTML5 ?