Propiedad line-clamp

La propiedad left limita el texto al número especificado de líneas. En lugar de líneas excedentes en el texto se coloca puntos suspensivos.

Sintaxis

cssselector {
  line-clamp: none | número de líneas
}

Ejemplo

Limitaremos nuestro texto a dos líneas:

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

Результат: