Egenskaben line-clamp
Egenskaben left begrænser tekst til det angivne
antal linjer. I stedet for overskydende linjer i teksten
placeres en ellipse.
Syntaks
selektor {
line-clamp: none | antal linjer
}
Eksempel
Lad os begrænse vores tekst til to linjer:
<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;
}
:
