La propiedad CSS text-overflow, reemplaza los caracteres finales de una cadena de texto por puntos suspensivos si esta supera el ancho del elemento contenedor (p, div, span, etc). Con este ejemplo visual se entenderá mejor.
Internet Explorer viene con esta interesante característica, pero desafortunadamente no es estándar y no es soportado por Firefox, Opera y otros navegadores (en la versión CSS 3, ya es estándar está propiedad). Así que en el blog ruzee.com encontramos una solución a esto usando JavaScript. Creando un clase ellipsis y aplicándolo a los elementos que deseamos. Ejemplo:
.w2 { width:300px; }
<div class="w2">
<h3 class="ellipsis">
This is another heading in a wider container
</h3>
<p>And some more text that is long, long, long, and wraps around, cool!</p>
</div>
En el ejemplo, apreciamos el estilo .w2 con ancho de 300px. Si el texto del elemento <h3> supera la longitud de 300px, mostrará puntos suspensivos (…) como caracteres finales, pues usamos la clase ellipsis; pero no aplicará al texto del elemento <p>.
Enlaces | Demo, Descarga [ellipsis.js]