What is text-overflow: ellipsis?

Lange Wörter per CSS umbrechen oder abkürzen. Opera vor Version 10.5 beherrscht nur -o-text-overflow: ellipsis, seit Version 10.5 auch word-wrap: break-word. Firefox beherrscht nur word-wrap: break-word;. Internet Explorer beherrscht beides. word-wrap hat dann Vorrang. Das erscheint mir auch sinnvoll.

word-wrap: break-word;      /* for IE, Firefox since 3.5 and Opera since 10.5 */
overflow: hidden;           /* required for text-overflow */
text-overflow: ellipsis;    /* for IE and WebKit (Safari, Chrome) */
-o-text-overflow: ellipsis; /* for Opera since 9.0 */

Dies ist ein kleiner Kasten, der auf eine Veranstaltung im Kunsthochschulballhausprobenraum hinweisen soll.

Zum Vergleich ohne word-wrap:

Dies ist ein kleiner Kasten, der auf eine Veranstaltung im Kunsthochschulballhausprobenraum hinweisen soll.

Zum Vergleich ohne alles:

Dies ist ein kleiner Kasten, der auf eine Veranstaltung im Kunsthochschulballhausprobenraum hinweisen soll.

Thiemo Mättig, 2007-08-02, edited 2009-07-31