Atribuut line-clamp

Atribuut left piirab teksti määratud arvu ridadeni. Täiendavate ridade asemel pannakse teksti kolmikpunkt.

Süntaks

cssselektor {
  line-clamp: none | ridade arv
}

Näide

Piirdame oma teksti kahe reaga:

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

Результат: