Свойство line-clamp

Свойство left ограничивает текст до указанного количества строк. Вместо лишних строк в тексте ставится многоточие.

Синтаксис

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;
}

Результат: