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.
Versuchen Sie dies:
div {
width: 200px;
word-wrap: break-word;
}
Sie können einen weichen Bindestrich wie folgt verwenden:
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
Dies wird erscheinen als
aaaaaaaaaaaaaaa-
aaaaaaaaaaaaaaa
wenn die enthaltende Box nicht groß genug ist, oder als
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
wenn sie groß genug ist.
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..
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa