Metodo di rompere una lunga serie frase

Question

Sto sviluppando un tema iPhone per il mio sito web, si può essere in grado di rompere una frase lunga qualcosa come questo:

A long sentence would go past the iPhone screen and I need this to break 

In questa:

A long sentence would go past the iPhone 
screen and I need this to break 

Mostrando come questa:

http://uimgz.com/i/M8U5X5f2d1.png

Answer 1

se il testo è spazi quindi l'aggiunta di un la larghezza dell'elemento wrap interromperà automaticamente il testo. Ma se si dispone di un testo senza uno spazio (come un link) è possibile utilizzare break-word:

.your-selector { 
    word-wrap: break-word; 
} 

Answer 2

Credo che il problema è che la "finestra" è più ampio di quello schermo del dispositivo. Vedere this post per alcuni sfondi e possibili soluzioni.

Answer 3

Secondo: https://developer.mozilla.org/en-US/docs/Web/CSS/white-space#Browser_compatibility

pre { 
    word-wrap: break-word;  /* IE 5.5-7 */ 
    white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */ 
    white-space: pre-wrap;  /* current browsers */ 
} 

word-wrap non sembra più lavorare, utilizzare white-space invece