Giải pháp cho từ-break: phá vỡ tất cả kiểu dáng trong firefox?

Question

Tôi cố gắng để quấn văn bản bên trong một td và sử dụng phong cách dưới đây

word-break:break-all 

trình hoàn toàn tốt đẹp trong IE, nhưng thất bại trong Firefox, đọc mà isnt này được hỗ trợ! đã thử giải pháp được cung cấp trong http://petesbloggerama.blogspot.com/2007/02/firefox-ie-word-wrap-word-break-tables.html. Didnt dường như làm việc hoặc, Bất kỳ giải pháp cho điều này?

Cảm ơn, Adarsh ​​

Answer 1

tôi cuối cùng đã có một số rắc rối với điều này cũng Nhưng tôi quản lý để có được nó làm việc:..

.hardBreak { 
    white-space: pre-wrap; /* css-3 */ 
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
    white-space: -pre-wrap; /* Opera 4-6 */ 
    white-space: -o-pre-wrap; /* Opera 7 */ 
    word-wrap: break-word; /* Internet Explorer 5.5+, 6, 7, 8 compability-mode */ 
    -ms-word-break: break-all; /* Internet Explorer 8 */ 
} 

tôi hy vọng điều này sẽ giúp

Tùy chọn cuối cùng là cần thiết khi có chế độ gốc IE8. Điều này làm việc cho tôi và được thử nghiệm trong FF8, IE 7, 8compability, 8native, Chrome.

Answer 2

Tôi không nghĩ rằng giải pháp bạn đề cập đã làm việc trong một thời gian; nó có thể có (vô tình?) đã làm việc trên một số phiên bản trước đây của Firefox, nhưng nó không giống như một phiên bản có thể được mong đợi để thực hiện công việc (pre-wrap không nên bị vỡ).

Cách để Firefox xử lý một điểm là cơ hội ngắt dòng trực tiếp được phép là thẻ <wbr> — không phải trong bất kỳ đặc điểm kỹ thuật nào, nhưng được hỗ trợ rộng rãi. Thông thường, nó được sử dụng tốt nhất bằng cách chèn nó ở thích hợp điểm, nhưng ở mức độ cao nhất, bạn thậm chí có thể đặt nó giữa hai ký tự (có lẽ, bạn sẽ sử dụng tiền xử lý, kịch bản phía máy chủ hoặc JavaScript phía máy khách để thực hiện việc này) .

Answer 3

Hãy thử điều này thay vì:

word-wrap:break-word 

Nó sẽ làm việc trong tất cả các trình duyệt (do đó miễn là bạn có một chiều rộng cố định trên div/di động bạn đang áp dụng nó để ...

Answer 4

Sử dụng từ bọc: ngắt lời; Nó chắc chắn sẽ hoạt động !!

Answer 5

Với

display : block;

Đó là ok

Answer 6

word-wrap sẽ chỉ làm việc cho inline-block hoặc chặn các yếu tố. Vì vậy, bạn phải thay đổi loại phần tử của bạn. Giống như:

.example { 
 
    display: inline-block; 
 
    word-break: break-all; 
 
}