Svojstvo line-clamp
Svojstvo left ograničava tekst do navedenog
broja redova. Umesto viška redova u tekstu
stavlja se trotačka.
Sintaksa
selektor {
line-clamp: none | broj redova
}
Primer
Hajde da ograničimo naš tekst na dva reda:
<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;
}
:
