it-swarm.com.de

Wie kann ich dafür sorgen, dass Text in der nächsten Zeile angezeigt wird, anstatt dass er überläuft?

Ich habe ein Div mit fester Breite auf meiner Seite, das Text enthält. Wenn ich eine lange Buchstabenfolge eingebe, läuft sie über. Ich möchte den Überlauf nicht verbergen Ich möchte den Überlauf in einer neuen Zeile anzeigen, siehe unten:

<div id="textbox" style="width:400px; height:200px;">
dfssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssfddddddddddddddddddddddsdffffffffffffffffsdffffffffffffffffdfssssssssssssdf
</div>

Gibt es überhaupt eine Möglichkeit, den Überlauf zu deaktivieren und den überlaufenden Text in eine neue Zeile zu setzen? Twitter macht so etwas, aber ich kann es nicht mit CSS herausfinden, es ist möglich, dass sie Javascript verwenden.

Kann mir jemand dabei helfen ??

79
user342391
Word-wrap: break-Word

Aber es ist CSS3 - http://www.css3.com/css-Word-wrap/ .

132
mikemerce

Einfach hinzufügen

white-space: initial;

zu dem text kommt automatisch ein zeilentext in die nächste zeile.

139
Pankaj Verma

Versuchen Sie das <wbr> tag - nicht so elegant wie das Word-wrap Eigenschaft, die andere vorgeschlagen haben, aber es ist eine funktionierende Lösung, bis alle gängigen Browser (Lese-IE) CSS3 implementieren.

5
casablanca

Nun, Sie können einen oder mehrere "weiche Bindestriche" (&#173;) in deinen langen ununterbrochenen Fäden. Ich bezweifle, dass alte IE) -Versionen damit richtig umgehen, aber es ist angenommen, dem Browser zulässige Wortumbrüche mitzuteilen, die er verwenden kann, wenn es sein muss.

Wie genau würdest du auswählen, wo diese Charaktere abgelegt werden sollen? Das hängt von der tatsächlichen Saite und ihrer Bedeutung ab.

3
Pointy