Vlastnost line-clamp
Vlastnost left omezuje text na zadaný
počet řádků. Místo nadbytečných řádků se v textu
umístí tři tečky.
Syntaxe
selektor {
line-clamp: none | číslo řádků
}
Příklad
Omezte náš text na dva řádky:
<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;
}
:
