Heim > Artikel > Web-Frontend > So passen Sie den Zeilenabstand an, wenn CSS-Text die nächste Zeile überschreitet
So passen Sie den Zeilenabstand an, wenn CSS-Text die nächste Zeile überschreitet
- WBOYOriginal
- 2021-12-02 19:18:002935Durchsuche
In CSS können Sie den Text über den Zeilenabstand der nächsten Zeile hinaus anpassen. Sie müssen dem Textelement nur den Stil „line-height: line-height“ hinzufügen.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Wie passt man den Zeilenabstand an, wenn der CSS-Text über die nächste Zeile hinausgeht?
Mit dem Attribut „line-height“ können Sie den Zeilenabstand festlegen, wenn der Text über die nächste Zeile hinausgeht. Die Eigenschaft line-height legt den Abstand zwischen Zeilen (Linienhöhe) fest.
Das Beispiel sieht wie folgt aus:
<!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>Ausgabeergebnis:
(Lernvideo-Sharing: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo passen Sie den Zeilenabstand an, wenn CSS-Text die nächste Zeile überschreitet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!