Categorias
iiiiii
Puntos suspenstivos
Descripcion
De esta forma podemos agregar puntos suspensivos a
html
<p>
hola este es mi texto compuesto por michas lienas y deseo que se corte apenas el elemento texto contenga 3 lineas de texto contenidas en si
</p>
<span>
hola este es mi texto compuesto por michas lienas y deseo que se corte apenas el elemento texto contenga 3 lineas de texto contenidas en si
</span>
css
p{
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
/*En caso de ser un span se debe de hacer de la siguiente forma*/
span {
white-space: nowrap;
text-overflow: ellipsis;
width: 250px;
display: block;
overflow: hidden
}