Vlastnosť line-clamp
Vlastnosť left obmedzuje text na zadaný
počet riadkov. Namiesto nadbytočných riadkov v texte
sa umiestňuje tri bodky.
Syntax
selektor {
line-clamp: none | číslo riadkov
}
Príklad
Obmedzme náš text na dva riadky:
<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;
}
:
