Свойство line-clamp

Свойство line-clamp ограничава текста до указаното количество редове. Вместо излишни редове в текста се поставя многоточие.

Синтаксис

cssселектор {
  line-clamp: none | число на редове
}

Пример

Нека ограничим нашия текст до два реда:

html<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>

cssbody {
  width: 200px;
  height: 100px;
}
p {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

Результат: