Lỗi quấn thời gian IE9

Question

Tôi vừa phát hiện ra đá quý nhỏ này của lỗi IE9. Có vẻ như IE9 không nhận ra một khoảng trống trước một khoảng thời gian như một điểm phá vỡ. Như trong danh sách các phần mở rộng tên miền hoặc tệp. Mở fiddle sau trong IE9.

http://jsfiddle.net/cssguru/nNnzM/1/

tôi đã cố gắng sử dụng ký tự thoát, nhưng nó đã không giúp đỡ. Bất kỳ đề xuất về một workaround?

Answer 1

Đây là một tính năng gây phiền nhiễu, nhưng có thể là cố ý và không được coi là lỗi của nhà cung cấp. Thay vào đó, nó được coi là thực hiện Unicode line breaking rules (mà là một phần khá lẻ). Theo các quy tắc đó, khoảng thời gian (hoặc FULL STOP khi chúng gọi nó) có lớp ngắt dòng IS, dấu phân tách bằng số và “Khi không được sử dụng trong ngữ cảnh số, dấu phân cách infix là dấu câu kết thúc câu. Do đó, chúng luôn ngăn chặn các vi phạm trước đây. ”

Để giải quyết các vấn đề như vậy, có lẽ tốt nhất hiện nay nên chèn khoảng cách WIDTH U + 200B ZERO giữa khoảng cách và khoảng thời gian thông thường, ví dụ:

.web ​.shop ​.blog ​.nyc ... 

U + 200B là ký tự điều khiển cho phép ngắt dòng ở nơi chúng không được phép.

Phiên bản IE cũ (IE 6) có thể gặp khó khăn với điều này, hiển thị biểu tượng của ký tự không thể đại diện thay cho U + 200B. Một phương pháp khác, thẻ <wbr>, sẽ không có vấn đề này, nhưng có vẻ như IE 8 và mới hơn thường không tôn trọng thẻ cũ này (có lẽ bởi vì nó không bao giờ thực hiện theo bất kỳ tiêu chuẩn nào, mặc dù tính hữu ích của nó).

Answer 2

I added a declaration for word-wrap in this update to your Fiddle và dường như đã giải quyết được vấn đề.