Lastnost line-clamp

Lastnost left omeji besedilo na določeno število vrstic. Namesto odvečnih vrstic v besedilu je postavljena tripičje.

Sintaksa

cssselektor {
  line-clamp: none | število vrstic
}

Primer

Omejimo naše besedilo na dve vrstici:

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

Результат: