✔ Text abschneiden wie bei GoogleMail

[mihawk]

Hallo zusammen!

ich versuch grad eine box wie bei GoogleMail zu erstellen, wo überstehender Text zeilenweise abgeschnitten wird (oder es zumindest so aussieht als ob).
Ich habs mit <div>-containern und overflow:hidden; probiert, aber dann hat der ganze wörter abgeschnitten (Also bspw. "Max Moritz Mustermann" in "Max Moritz" statt "Max Moritz Muste", was auch noch reingepasst hätte...)
Hat jemand ne idee, wie man das realisieren könnte?

hier hab ich ein bild hingeladen, wo ihr euch angucken könnt was ich meine:
gmail.jpg

 

[Maik]

Hi,

nimm mal in der Regel zusätzlich die Eigenschaft white-space:nowrap auf:

div#box {
width:150px;
border:1px solid #000;
white-space:nowrap;
overflow:hidden;
}

 

[mihawk]

Herrlich, vielen Dank für die Hilfe, klappt perfekt!!