Proprietà line-clamp

La proprietà left limita il testo al numero specificato di righe. Al posto delle righe in eccesso nel testo viene inserito dei puntini di sospensione.

Sintassi

cssselettore {
  line-clamp: none | numero righe
}

Esempio

Limitiamo il nostro testo a due righe:

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

Результат: