Gibt es eine Möglichkeit, lange Wörter in ein Div zu wickeln?

Ich weiß, dass Internet Explorer einen Zeilenumbruchstil hat, aber ich würde gerne wissen, ob es eine browserübergreifende Methode gibt, um Text in einem div zu schreiben.

Am besten CSS, aber JavaScript-Snippets würden auch gut funktionieren.

edit: Ja, ich beziehe mich auf lange Saiten, Prost Leute!

Beim Lesen des Originalkommentars sucht Rutherford nach einer browserübergreifenden Methode zum Umbrechen von ungebrochenem Text (abgeleitet durch die Verwendung von Zeilenumbruch für IE, mit dem ungebrochene Zeichenfolgen gebrochen werden sollen).

/* Source: http://snipplr.com/view/10979/css-cross-browser-word-wrap */
.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

Ich habe diese Klasse jetzt für ein bisschen benutzt und funktioniert wie ein Zauber. (Hinweis: Ich habe nur in FireFox und IE getestet)

Die meisten der vorherigen Antworten haben in Firefox 38.0.5 bei mir nicht funktioniert. Das hat ...

<div style='padding: 3px; width: 130px; word-break: break-all; word-wrap: break-word;'>
    // Content goes here
</div>

Dokumentation:

• Wortumbruch
• Zeilenumbruch

white-space: pre-wrap

quirksmode.org/css/whitespace.html

Die Lösung von Aaron Bennet funktioniert perfekt für mich, aber ich musste diese Zeile aus seinem Code entfernen -> white-space: -pre-wrap;weil es einen Fehler gab, so ist der endgültige Arbeitscode der folgende:

.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

vielen Dank

Wie David erwähnt, DIVs tun Wrap Worte standardmäßig.

Wenn Sie sich auf wirklich lange Textzeichenfolgen ohne Leerzeichen beziehen, verarbeite ich die Zeichenfolge serverseitig und füge leere Bereiche ein:

thisIsAreallyLongStringThatIWantTo<span></span>BreakToFitInsideAGivenSpace

Es ist nicht genau, da es Probleme mit der Schriftgröße und dergleichen gibt. Die Option span funktioniert, wenn der Container eine variable Größe hat. Wenn es sich um einen Container mit fester Breite handelt, können Sie einfach Zeilenumbrüche einfügen.

Sie können versuchen, eine Breite für das Div anzugeben, sei es in Pixel, Prozent oder Ems. An diesem Punkt bleibt das Div in dieser Breite und der Text wird automatisch innerhalb des Div umbrochen.