Proprietatea line-clamp
Proprietatea left limitează textul la numărul
specificat de linii. În loc de liniile în exces în text
se afișează puncte de suspensie.
Sintaxă
selector {
line-clamp: none | număr-de-linii
}
Exemplu
Să ne limităm textul la două linii:
<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;
}
:
