Vlastnosť line-clamp

Vlastnosť left obmedzuje text na zadaný počet riadkov. Namiesto nadbytočných riadkov v texte sa umiestňuje tri bodky.

Syntax

cssselektor {
  line-clamp: none | číslo riadkov
}

Príklad

Obmedzme náš text na dva riadky:

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

Результат: