Die Eigenschaft line-clamp

Die Eigenschaft left begrenzt Text auf die angegebene Anzahl von Zeilen. Statt überzähliger Zeilen wird im Text eine Auslassungspunkte gesetzt.

Syntax

cssSelektor {
  line-clamp: none | Zeilenanzahl
}

Beispiel

Beschränken wir unseren Text auf zwei Zeilen:

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

Результат: