Својството 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;
}
:
