Vlastnost line-clamp

Vlastnost left omezuje text na zadaný počet řádků. Místo nadbytečných řádků se v textu umístí tři tečky.

Syntaxe

cssselektor {
  line-clamp: none | číslo řádků
}

Příklad

Omezte náš text na dva řádky:

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

Результат: