De eigenschap line-clamp

De eigenschap left beperkt tekst tot het opgegeven aantal regels. In plaats van overtollige regels wordt een beletselteken in de tekst geplaatst.

Syntaxis

cssselector {
  line-clamp: none | aantal regels
}

Voorbeeld

Laten we onze tekst beperken tot twee regels:

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

Результат: