Puedes hacerlo con CSS, utilizando las propiedades
text-overflow
,
overflow
y
white-space
.
Código CSS:
Ver original#id de tu contenedor{
width: el ancho que desees;
height: la altura que desees;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
DEMO
La ventaja consiste en que si algún usuario desactiva JavaScript de su navegador, eso no afectará al resultado final pues es CSS, además, si el usuario redimensiona la ventana, el efecto se seguirá aplicando.
Saludos