Својство line-clamp

Својство left ограничава текст до наведеног броја редова. Уместо вишкова редова у тексту стави се тротачка.

Синтакса

cssселектор {
  line-clamp: none | број редова
}

Пример

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

html<p>
  текст текст текст текст текст текст текст текст
  текст текст текст текст текст текст текст текст
  текст текст текст текст текст текст текст текст
  текст текст текст текст текст текст текст текст
</p>

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

Результат: