Die Eigenschaft line-clamp
Die Eigenschaft left begrenzt Text auf die angegebene
Anzahl von Zeilen. Statt überzähliger Zeilen wird im Text
eine Auslassungspunkte gesetzt.
Syntax
Selektor {
line-clamp: none | Zeilenanzahl
}
Beispiel
Beschränken wir unseren Text auf zwei Zeilen:
<p>
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
</p>
body {
width: 200px;
height: 100px;
}
p {
-webkit-line-clamp: 2;
line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
:
