Jak przełamać długie słowa w tabeli td?

Question

To jest to, co mam:

<td style='width:500px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;'>

Answer 1

Myślę, że to rozwiązanie będzie Ci pomóc!

pre { 
    white-space: pre;   /* CSS 2.0 */ 
    white-space: pre-wrap;  /* CSS 2.1 */ 
    white-space: pre-line;  /* CSS 3.0 */ 
    white-space: -pre-wrap;  /* Opera 4-6 */ 
    white-space: -o-pre-wrap; /* Opera 7 */ 
    white-space: -moz-pre-wrap; /* Mozilla */ 
    white-space: -hp-pre-wrap; /* HP Printers */ 
    word-wrap: break-word;  /* IE 5+ */ 
} 

http://perishablepress.com/press/2010/06/01/wrapping-content/

---

// Edit

To już dawno ten został przyjęty jako najlepszą odpowiedź, a wymagane są aktualizacje. Zobacz odpowiedzi @ benhowdle89 i @ Steve'a poniżej.

Obecna obsługa przeglądarki jest teraz wystarczająco dobra, aby używać word-break, aby umożliwić łamanie słów w wielu wierszach.

word-break: break-all

http://caniuse.com/#feat=word-break

Answer 2

word-break: break-word; 

To jest to, co chcesz

Answer 3

użyłem

word-wrap: break-word; 
word-break: break-all; 
table-layout: fixed; 

stół-layout: fixed była kluczem do podejmowania działać

Answer 4

Wszystko czego potrzebujesz to

word-break:break-all

To działa w Chrome 4+, IE 5.5+, FF 15+, Safari 3.1+, and Opera 15+