Ở chân trang web bố cục linh hoạt, tôi nhận thấy rằng IE có xu hướng sắp xếp dòng trên các ký tự dấu ngoặc đơn (trong một số điện thoại trong trường hợp này). Có một dấu ngoặc đơn không phá vỡ tương đương trực quan, trong một tĩnh mạch tương tự với các khoảng trống không phá vỡ và các dấu gạch ngang không phá vỡ, mà tôi có thể sử dụng thay thế không?Dấu ngoặc đơn không phá vỡ?
Hãy thử điều này:
.phone{
white-space: nowrap;
}
<p>Call Customer Support at <span class="phone">+34 (947) 12 34 56 78</span> for further enquiries.</p>
Bạn có thể làm nhiều thứ khác (từ <nobr> thẻ để ký tự Unicode nào đó) nhưng họ không phải là qua trình duyệt như thế này.
Đây là một giải pháp thực tế tốt, tuy nhiên, tôi đặc biệt đang tìm kiếm một phiên bản html thuần túy, cho người dùng không phải css (khả năng truy cập là một ưu tiên). – graphicdivine
Đây là vấn đề nhỏ về mỹ phẩm. Việc ngắt dòng ở giữa số điện thoại không phải là vấn đề về trợ năng. – Quentin
@ Dorav Dorward Đó không phải là điểm tôi đã làm. Ưu tiên của tôi là cung cấp một trải nghiệm tương tự như khả năng không có CSS. Ngoài ra, tôi không đồng ý, tôi nghĩ rằng nó * là * một rào cản tiếp cận. – graphicdivine
Tôi đã gặp vấn đề tương tự; đây là một giải pháp mà làm việc:
The number to call is: (423) 276—0000
Theo Unicode Standard (đặc biệt, UAX # 14), một ngắt dòng không được phép trước hoặc sau một khoảng trống không-break. Do đó, & nbsp; ngăn không cho trình duyệt ngắt dòng trên các dấu ngoặc đơn. Trong cả hai trường hợp, nó không làm tổn thương để có một khoảng trống giữa mã vùng và số điện thoại.
Tôi gặp phải vấn đề này với một điều trị số nhiều như "người dùng", trong đó IE ngắt từ sau R. Bạn có thể sử dụng ký tự joiner (& # x2060;), nhưng trong bài kiểm tra của tôi với IE11, chỉ có ký tự khoảng trắng không phá vỡ không được chấp nhận đã làm việc:
user(s)
Có thể bạn tìm kiếm dấu ngoặc đơn không phải ASCII mà bạn có thể sử dụng. Tôi không chắc chắn nếu những người phù hợp tồn tại, nhưng đó có thể là một lựa chọn tôi đoán. –