Wie kann man Text in HTML umbrechen?

Wie kann Text wie aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa, der die Breite eines div (sagen wir 200px) überschreitet, umbrochen werden?

Ich bin offen für jede Art von Lösung wie CSS, jQuery usw.

trejder
Bearbeitete Frage 13. Juli 2016 в 11:49
Programmierung
html css word-wrap
18. Juli 2009 в 3:56
7 Aufrufe
Lösung

Versuchen Sie dies:

div {
    width: 200px;
    word-wrap: break-word;
}
Kommentare (8)

Sie können einen weichen Bindestrich wie folgt verwenden:

aaaaaaaaaaaaaaa­aaaaaaaaaaaaaaaaa

Dies wird erscheinen als

aaaaaaaaaaaaaaa-
aaaaaaaaaaaaaaa

wenn die enthaltende Box nicht groß genug ist, oder als

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

wenn sie groß genug ist.

Tunaki
Bearbeitete Antwort 6. Februar 2016 в 5:08
Kommentare (7)
 
   div {
    // set a width
    word-wrap: break-word
}

Die 'word-wrap' Lösung funktioniert nur in IE und Browsern, die CSS3 unterstützen.

Die beste browserübergreifende Lösung besteht darin, Ihre serverseitige Sprache (php oder was auch immer) zu verwenden, um lange Strings zu lokalisieren und in regelmäßigen Abständen die HTML-Entität ​ in ihnen zu platzieren. Diese Entität bricht die langen Wörter gut auf und funktioniert in allen Browsern.

z.B..

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa​aaaaaaaaaaaaaaaaaaaaaaaaaaaaa
Nathan Srivi
Bearbeitete Antwort 27. Februar 2014 в 7:05
Kommentare (2)