Mozilla: Firefox und Thunderbird 7 sind da. Unterstützung für text-overflow

Firefox 7 und Thunderbird 7 wurden gestern bzw. heute veröffentlicht. So weit so gut. Thunderbird hat einen Feinschliff bekommen und Firefox 7 ist schneller, sparsamer und noch stabiler. Erstaunlich viele Erweiterungen haben das Update überstanden.

Lediglich die Firefox-Erweiterung von dem Passwortmanager RoboForm ist nicht kompatibel, aber laut den Entwicklern soll heute oder morgen eine neue Version kommen.

CSS3: text-overflow in Firefox

Nun kann auch Firefox mit der CSS3-Eigenschaft text-overflow umgehen. Mann kann damit bei Texten, die die in eine Box nicht passen Auslassungszeichen einblenden lassen:

Beispiel: Hier kommt dann ein langer Text der nicht in die definierte Box passt und dadurch abgeschnitten werden muss.

Ich spare mir hierbei eine Abbildung des Beispiels, weil text-overflow nicht nur von Firefox sondern auch von Safari, Chrome, Opera und auch von dem Internet Explorer und zwar seit dem IE 6 unterstützt wird.

Hier der Code aus dem oberen Beispiel:

p {
    border: 1px solid #ddd;
    padding: 1em;
    white-space: nowrap;
    overflow: hidden;
    width: 500px;
    -o-text-overflow: ellipsis; /* Opera 9-10 */
    text-overflow: ellipsis; /* alle anderen, relevanten Browser */
}

Diese Technik ist somit mit der Veröffentlichung von Firefox 7 massenkompatibel geworden. Viel Spaß damit.

Links zum Artikel

• Thunderbird 7 (golem.de)
• Firefox 7 (golem.de)
• text-overflow auf MDN