A propriedade line-clamp

A propriedade left limita o texto ao número especificado de linhas. Em vez de linhas extras no texto, uma reticência é colocada.

Sintaxe

cssseletor {
  line-clamp: none | número de linhas
}

Exemplo

Vamos limitar nosso texto a duas linhas:

html<p>
  texto texto texto texto texto texto texto texto
  texto texto texto texto texto texto texto texto
  texto texto texto texto texto texto texto texto
  texto texto texto texto texto texto texto texto
</p>

cssbody {
  width: 200px;
  height: 100px;
}
p {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

Результат: