Tagliare una stringa di caratteri con CSS e aggiungere i puntini alla fine

Tagliare una stringa di caratteri con CSS e aggiungere i puntini alla fine è ormai un problema superato…
Tutti i moderni browser supportano il taglio del testo: FireFox (since v7.0), Chrome (since v1.0), IE (since v6.0), Safari (since v1.3), Opera (since v9.0 with vendor prefix, v11.0 without).

La soluzione completa è la seguente:

.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
-moz-binding: url(assets/xml/ellipsis.xml#ellipsis);
}

Questo deve essere il contenuto di ellipsis.xml:










Attenzione! Explorer IE6 per funzionare bisogna fissare una larghezza.
String Truncation with Ellipsis,

CSS String Truncation with Ellipsis