Својството 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;
}

Результат: