Właściwość line-clamp
Właściwość left ogranicza tekst do określonej
liczby wierszy. Zamiast dodatkowych wierszy w tekście
umieszczane jest wielokropek.
Składnia
selektor {
line-clamp: none | liczba wierszy
}
Przykład
Ograniczmy nasz tekst do dwóch wierszy:
<p>
tekst tekst tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst tekst tekst
</p>
body {
width: 200px;
height: 100px;
}
p {
-webkit-line-clamp: 2;
line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
:
