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