testo CSS overflow uomo ooh che disastro

Question

ho compilato questo jsFiddle demo in modo da poter vedere quello che sto tiro. Utilizzando il Twitter Bootstrap 2 ho pensato che tutto andava bene e le cose semplici sono state prese cura fino a quando ho colpito con questo. Non capisco se il markup non è giusto o la libreria non gestisce questo, ma il testo quando lungo appena trabocca fuori dello schermo / contenitore

JsFiddle

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

Answer 1

Add word-wrap: break-word nel vostro DIV. Scrivere questo:

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

Answer 2

Prova questo:

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

Answer 3

Ho appena trascorso quasi un'intera giornata cercando di risolvere questo problema, e quanto sopra non ha funzionato fino a quando ho scoperto questo:

Assicurarsi di avere anche contenitori di liquidi all'interno del div flottato:

<div class="container-fluid">

In caso contrario, resterà la stessa larghezza e si rifletterà sui .. non importa quello che fai.

Answer 4

forse, si può provare anche questo:

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+ */

}