Cómo cortar textos con puntos suspensivos en CSS3

Si necesitas cortar textos con puntos suspensivos en CSS3 teniendo en cuenta que el tamaño es variable, olvida hacerlo en Javascript, con CSS3 es más fácil.

Propiedades CSS

text-overflow: ellipsis; /* puntos suspensivos */ 
white-space: nowrap; /* no permite multilinea */ 
overflow: hidden; /* ocultar el resto */

Vista preliminar

Este texto está acortado como podrás ver
 

Referencia W3School

David Burgos

Read more posts by this author.