jueves, 10 de enero de 2013

Cortar palabras con puntos suspensivos y CSS

Cuando tenemos un texto demasiado largo para que entre en una sola linea, podemos cortarlo y añadirle unos puntos suspensivos de forma sencilla mediante CSS. Para ello debemos definir unas cuantas propiedades para el elemento contenedor:

.contenedor {
  overflow: hidden;
  text-overflow: ellipsis;
 white-space: nowrap;
 width: 120px;
 }
Una serie de consideraciones a tener en cuenta: todas las propiedades definidas anteriormente son necesarias y este truco no sirve para textos con multilínea.

No hay comentarios :

Publicar un comentario