Свойство line-clamp
Свойство left ограничивает текст до указанного
количества строк. Вместо лишних строк в тексте
ставится многоточие.
Синтаксис
селектор {
line-clamp: none | число строк
}
Пример
Давайте ограничим наш текст до двух строк:
<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;
}
: