2009-02-21 4 views

Antwort

451

div { 
 
    white-space: nowrap; 
 
    overflow: hidden; 
 
}
<div>test that doesn't wrap</div>

Hinweis: funktioniert dies nur auf Block-Elemente. Wenn Sie dies beispielsweise für Tabellenzellen tun müssen, müssen Sie ein div in die Tabellenzelle einfügen, da die Tabellenzellen die Tabelle display-cell not block haben.

Ab CSS3 wird dies auch für Tabellenzellen unterstützt.

+7

white-space! Das ist, was ich gesucht habe ... 1000 Dank ... das ist unmöglich zu googeln! –

+2

Es gibt auch ein proprietäres ie Attribut namens word-wrap (IIRC) ... blöder IE. – garrow

+12

Beachten Sie auch "Text-Überlauf: Ellipse;" Es fügt die ... am Ende Ihres Textes, wenn es außerhalb der Grenzen der Breite Ihres Containers geht –

4

Manchmal funktioniert die Verwendung von &nbsp; anstelle von Leerzeichen. Natürlich hat es Nachteile.

+0

Leider kann ich es in diesem Fall nicht tun –

11

Mit Ellipsen wird das ... an der letzten hinzugefügt.

<style type="text/css"> 
    div { 
     white-space: nowrap; 
     overflow: hidden; 
text-overflow: ellipsis; 
    } 
    </style>