Làm thế nào để phá vỡ các từ dài trong một bảng td?

Question

Đây là những gì tôi có:

<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

Tôi nghĩ rằng giải pháp này sẽ giúp bạn!

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/

---

// Sửa

Nó được một thời gian dài vì điều này đã được chấp nhận như là câu trả lời tốt nhất và cập nhật được yêu cầu. Xem câu trả lời của @ benhowdle89 và @ Steve bên dưới.

Vì vậy, hỗ trợ trình duyệt hiện tại đủ tốt để sử dụng word-break để cho phép các từ bị chia nhỏ trên nhiều dòng.

word-break: break-all

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

Answer 2

word-break: break-word; 

Đây là những gì bạn muốn

Answer 3

i sử dụng

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

bảng bố trí: cố định là chìa khóa để làm cho nó hoạt động

Answer 4

Tất cả bạn cần là

word-break:break-all

Điều này hoạt động trong Chrome 4+, IE 5.5+, FF 15+, Safari 3.1+, and Opera 15+