Word-wrap không hoạt động trong Internet Explorer

Question

Khi tôi đang sử dụng word-wrap:break-word với Chế độ trình duyệt: Chế độ xem tương thích IE9 và Chế độ tài liệu: Tiêu chuẩn IE7 hoạt động hoàn hảo. Tuy nhiên, khi tôi thay đổi Chế độ Tài liệu : tiêu chuẩn IE9, nó không hoạt động. Tôi cũng đã thử sử dụng -ms-word-wrap:break-word tuy nhiên nó mang lại cho tôi kết quả tương tự.

Document Type Definition: DTD/xhtml1-transitional.dtd

bất cứ ai có thể cho tôi biết tại sao nó lại như vậy và nếu có bất kỳ cách giải quyết để đối phó với nó?

Answer 1

bạn cần phải có

table { 
    width:100%; 
    table-layout:fixed; 
} 

và đưa word-wrap trong table,td,th không vào span

http://jsfiddle.net/d6VsD/7/

Answer 2

nó nên làm việc, .your_class_name{word-break:break-word;}, tôi đã thử nghiệm nó trong IE7 - ie9 và nó phá vỡ từ ...

Answer 3

áp dụng thuộc tính bọc từ cho phụ huynh của mối quan tâm d yếu tố sẽ giải quyết vấn đề trong IE9.

Answer 4

thử nó theo cách này

.table tr td { 
       word-wrap: break-word; 
       word-break: break-all; 
       } 

Answer 5

Thêm -ms-word-break: break-word; làm việc cho tôi.

Answer 6

Trong trường hợp của tôi, IE không tôn trọng kiểu ngắt từ cho đến khi tôi tạo khoảng thời gian hiển thị dưới dạng khối nội tuyến.

.selector{ 
    display: inline-block; 
    word-break: break-all; 
    overflow-wrap: break-word; /* For other browsers*/ 
} 

Answer 7

-ms-word-break: break-all; 

công trình> IE9