Metoda łamanie długiej linii zdanie

Question

Zajmuję się tematem iPhone na mojej stronie internetowej, możesz być w stanie złamać długie zdanie coś takiego:

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

Do tego:

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

Pokazuje tak:

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

Answer 1

jeśli tekst zawiera spacje następnie dodanie szerokość dla elementu wrap automatycznie przerwie tekst. Ale jeśli masz tekst bez spacji (np link) można użyć break-word:

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

Answer 2

Myślę, że problemem jest to, że „rzutni” jest szerszy niż ekran urządzenia. Zobacz this post dla niektórych tła i możliwych rozwiązań.

Answer 3

Jak na: 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 nie wydaje się pracować dłużej, należy white-space zamiast