Comment définir la hauteur des lignes en CSS-tutoriel CSS-php.cn

Comment définir la hauteur des lignes en CSS

王林

Libérer： 2021-05-14 15:16:56

original

11351 Les gens l'ont consulté

La façon de définir la hauteur de ligne en CSS consiste à utiliser l'attribut line-height, tel que [line-height:70%;]. La propriété line-height est utilisée pour définir la hauteur de la ligne en pourcentage.

Comment définir la hauteur des lignes en CSS

L'environnement d'exploitation de cet article : système Windows 10, CSS 3, ordinateur thinkpad t480.

En CSS, nous pouvons définir la hauteur de la ligne en pourcentage via l'attribut line-height.

Valeur de l'attribut :

normal par défaut. Définissez un espacement raisonnable des lignes.
numéro Définissez un nombre, qui sera multiplié par la taille de police actuelle pour définir l'espacement des lignes.
longueur Définir l'espacement des lignes fixe.
% % interligne en fonction de la taille de police actuelle.
inherit spécifie que la valeur de l'attribut line-height doit être héritée de l'élément parent.

Par exemple :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<style>
p.small {line-height:70%;}
p.big {line-height:200%;}
</style>
</head>

<body>
<p>
这是一个标准行高的段落。<br>
这是一个标准行高的段落。<br>
大多数浏览器的默认行高约为110%至120%。<br>
</p>

<p class="small">
这是一个更小行高的段落。<br>
这是一个更小行高的段落。<br>
这是一个更小行高的段落。<br>
这是一个更小行高的段落。<br>
</p>

<p class="big">
这是一个更大行高的段落。<br>
这是一个更大行高的段落。<br>
这是一个更大行高的段落。<br>
这是一个更大行高的段落。<br>
</p>

</body>
</html>

Copier après la connexion

Recommandations associées : Tutoriel vidéo CSS

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!