Својство line-clamp
Својство left ограничава текст до наведеног
броја редова. Уместо вишкова редова у тексту
стави се тротачка.
Синтакса
селектор {
line-clamp: none | број редова
}
Пример
Ограничимо наш текст на два реда:
<p>
текст текст текст текст текст текст текст текст
текст текст текст текст текст текст текст текст
текст текст текст текст текст текст текст текст
текст текст текст текст текст текст текст текст
</p>
body {
width: 200px;
height: 100px;
}
p {
-webkit-line-clamp: 2;
line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
:
