Egenskapen line-clamp

Egenskapen left begränsar text till ett angivet antal rader. Istället för extra rader i texten sätts en ellips (...).

Syntax

cssselektor {
  line-clamp: none | antal rader
}

Exempel

Låt oss begränsa vår text till två rader:

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

Результат: