método para romper una larga condena

Question

Estoy desarrollando un tema de iPhone para mi sitio web, puede ser capaz de romper una larga condena algo como esto:

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

En esto:

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

Mostrando así:

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

Answer 1

si el texto ha espacios a continuación, añadir una ancho para el elemento de ajuste romperá el texto automáticamente. Pero si tiene un texto sin un espacio (tal como un enlace) se puede utilizar break-word:

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

Answer 2

Creo que el problema es que la "ventana gráfica" es más ancha que la pantalla del dispositivo. Consulte this post para obtener información general y una posible solución.

Answer 3

Según: 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 no parece que trabajar más, utilizar white-space lugar