propriété CSS de hauteur de ligne


  Résultats de traduction：

line

Anglais [laɪn] US [laɪn]

N Ligne; ligne; ligne Un niveau; frapper une balle droite

hauteur

Anglais [haɪt] n. Hauteur; hauteur, altitude; sommet, sommet

propriété CSS de hauteur de lignesyntaxe

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

Description : 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 textuel. La plus petite boîte pouvant contenir ce contenu est une boîte de ligne. La valeur numérique brute spécifie un facteur d'échelle et les éléments descendants héritent de ce facteur d'échelle plutôt que de la valeur calculée.

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

propriété CSS de hauteur de ligneexemple

<html>
<head>
<style type="text/css">
p.small {line-height: 90%}
p.big {line-height: 200%}
</style>
</head>
<body>
<p>
这是拥有标准行高的段落。
在大多数浏览器中默认行高大约是 110% 到 120%。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
</p>
<p class="small">
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
</p>
<p class="big">
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
</p>
</body>
</html>
Exécuter l'instance »

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Recommandations populaires

Maison

vidéos

Questions et réponses

soumettre