Maison >interface Web >tutoriel CSS >Comment ajuster l'espacement des lignes lorsque le texte CSS dépasse la ligne suivante
Comment ajuster l'espacement des lignes lorsque le texte CSS dépasse la ligne suivante
- WBOYoriginal
- 2021-12-02 19:18:003039parcourir
En CSS, vous pouvez utiliser l'attribut "line-height" pour ajuster le texte au-delà de l'interligne de la ligne suivante. Il vous suffit d'ajouter le style "line-height: line spacing value;" à l'élément de texte.
L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.
Comment ajuster l'espacement des lignes lorsque le texte CSS dépasse la ligne suivante ?
Vous pouvez utiliser l'attribut line-height pour définir l'espacement des lignes lorsque le texte dépasse la ligne suivante. La propriété line-height définit la distance entre les lignes (hauteur de ligne).
L'exemple est le suivant :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
div{
width:200px;
height:100px;
border:1px solid black;
overflow:hidden;
line-height:200%;
}
</style>
</head>
<body>
<div>css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏</div>
</body>
</html>Résultat de sortie :
(Partage de vidéos d'apprentissage : 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!