Właściwość line-clamp

Właściwość left ogranicza tekst do określonej liczby wierszy. Zamiast dodatkowych wierszy w tekście umieszczane jest wielokropek.

Składnia

cssselektor {
  line-clamp: none | liczba wierszy
}

Przykład

Ograniczmy nasz tekst do dwóch wierszy:

html<p>
  tekst tekst tekst tekst tekst tekst tekst tekst
  tekst tekst tekst tekst tekst tekst tekst tekst
  tekst tekst tekst tekst tekst tekst tekst tekst
  tekst tekst tekst tekst tekst tekst tekst tekst
</p>

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

Результат: