De eigenschap line-clamp
De eigenschap left beperkt tekst tot het opgegeven
aantal regels. In plaats van overtollige regels wordt
een beletselteken in de tekst geplaatst.
Syntaxis
selector {
line-clamp: none | aantal regels
}
Voorbeeld
Laten we onze tekst beperken tot twee regels:
<p>
tekst tekst tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst tekst tekst
</p>
body {
width: 200px;
height: 100px;
}
p {
-webkit-line-clamp: 2;
line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
:
