Egenskapen line-clamp
Egenskapen left begränsar text till ett angivet
antal rader. Istället för extra rader i texten
sätts en ellips (...).
Syntax
selektor {
line-clamp: none | antal rader
}
Exempel
Låt oss begränsa vår text till två rader:
<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;
}
:
