CSS text overflows Oh Mann, was für ein Chaos

Question

Ich kompiliert habe dieses jsFiddle-demo, so dass Sie sehen können, was ich werde zu werfen.Über das Twitter Bootstrap 2 ich dachte, alles war in Ordnung und einfache Dinge kümmerte, bis ich Treffer mit diesem.Ich verstehe nicht, wenn das markup ist nicht rechts oder die Bibliothek nicht handhaben dies aber der text, wenn lange gerade überläuft Bildschirm/container

JsFiddle

http://jsfiddle.net/kSCa3/2/

Answer 1

Hinzufügen word-wrap: break-word in deiner DIV. Schreib Dies:

.span9 {
    width: 700px;
    word-wrap: break-word;
}

Answer 2

Versuchen Sie dies:

div {
  word-break: break-all;
  word-wrap: break-word;
}​

Answer 3

Ich habe gerade fast einen ganzen Tag damit verbracht, dies zu lösen, und das obige hat nicht funktioniert, bis ich dies entdeckte:

Stellen Sie sicher, dass Sie auch Flüssigkeitsbehälter innerhalb des schwebenden Divs haben:

<div class="container-fluid">

Ansonsten bleibt es die gleiche Breite und überträgt sich. Egal was Sie tun.

Answer 4

Vielleicht können Sie das auch versuchen:

div.span9{
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */

}