Уласцівасць 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;
}

Результат: