Svojstvo line-clamp

Svojstvo left ograničava tekst do navedenog broja redova. Umesto viška redova u tekstu stavlja se trotačka.

Sintaksa

cssselektor {
  line-clamp: none | broj redova
}

Primer

Hajde da ograničimo naš tekst na dva reda:

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

Результат: