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
selector {
line-clamp: none | número de líneas
}
Ejemplo
Limitaremos nuestro texto a dos líneas:
<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>
body {
width: 200px;
height: 100px;
}
p {
-webkit-line-clamp: 2;
line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
:
