Đường ngắt Chrome, IE và Safari tại dấu gạch ngang nhưng Firefox thì không.Cách bật ngắt dòng tại dấu gạch nối trên Firefox
Có cách nào để Firefox phá vỡ các đường nối tại dấu gạch nối, giống như các trình duyệt khác không?
Đường ngắt Chrome, IE và Safari tại dấu gạch ngang nhưng Firefox thì không.Cách bật ngắt dòng tại dấu gạch nối trên Firefox
Có cách nào để Firefox phá vỡ các đường nối tại dấu gạch nối, giống như các trình duyệt khác không?
Chèn thẻ <wbr>
sau dấu gạch nối. This tag không có trong bất kỳ đặc tả HTML nào (tuy nhiên — nó nằm trong bản nháp HTML5), nhưng nó đã hoạt động trong một thời gian dài trên các trình duyệt.
Firefox tự động xử lý dấu gạch nối như cho phép ngắt dòng sau khi có đủ ký tự xung quanh dấu gạch ngang. Nhưng nếu bạn muốn cho phép ngắt dòng rộng rãi hơn thế, hãy sử dụng <wbr>
, ví dụ: pre-<wbr>war
.
Không dễ dàng. Hãy thử chèn một không gian rộng 0 (​
) sau mỗi dấu nối. Ví dụ:
a-​really-​long-​hyphenated-​phrase
Điều này sẽ làm cho Firefox bọc như thể có khoảng trắng, nhưng nó sẽ không hiển thị trực quan không gian đó.
Sẽ dễ dàng hơn khi thực hiện việc này nếu bạn có thứ gì đó xử lý phía máy chủ đầu ra của mình. Chỉ cần chạy dấu gạch nối thông qua một chuỗi thay thế nhanh chóng.
Phiên bản Firefox nào bạn gặp phải sự cố này? Tôi không thể tái tạo nó. –
Tôi biết bạn từ ~ 2.5 năm trước, nhưng tôi vẫn có thể tái tạo điều này trong FF 33. Câu trả lời khác của việc sử dụng '
Ugh, tôi có thể tái tạo nó trong FF49:/ –
Phiên bản Firefox nào? Làm việc tốt cho tôi mà không làm bất cứ điều gì cả trong FF9: http://jsfiddle.net/kVc6f/ Trên thực tế, tôi không thể tìm thấy một trình duyệt mà điều này * không * làm việc trong ... –
http: // jsfiddle. net/9Z5as/ – Alan