Egenskapen line-clamp

Egenskapen left begrenser teksten til et spesifisert antall linjer. I stedet for ekstra linjer i teksten plasseres en ellipse.

Syntaks

cssvelger {
  line-clamp: none | antall linjer
}

Eksempel

La oss begrense teksten vår til to linjer:

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

Результат: