line-clamp-ominaisuus

left-ominaisuus rajoittaa tekstin määriteltyyn määrään rivejä. Ylimääräisten rivien tilalle asetetaan ellipsisi.

Syntaksi

cssvalitsija {
  line-clamp: none | rivien lukumäärä
}

Esimerkki

Rajoitetaan tekstiämme kahteen riviin:

html<p>
  tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä
  tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä
  tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä
  tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä
</p>

cssbody {
  width: 200px;
  height: 100px;
}
p {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

Результат: