Proprietatea line-clamp

Proprietatea left limitează textul la numărul specificat de linii. În loc de liniile în exces în text se afișează puncte de suspensie.

Sintaxă

cssselector {
  line-clamp: none | număr-de-linii
}

Exemplu

Să ne limităm textul la două linii:

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

Результат: