Egenskapen line-clamp
Egenskapen left begrenser teksten til et spesifisert
antall linjer. I stedet for ekstra linjer i teksten
plasseres en ellipse.
Syntaks
velger {
line-clamp: none | antall linjer
}
Eksempel
La oss begrense teksten vår til to linjer:
<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;
}
:
