Dấu gạch nối CSS không hoạt động trong Chrome
Tự động gạch nối trên web đã có thể thực hiện được từ năm 2011 và hiện được hỗ trợ rộng rãi. Tuy nhiên, các nhà thiết kế có nhiều quyền kiểm soát hơn là chỉ bật dấu gạch ngang Show
Đầu tháng này, tôi được mời thuyết trình buổi tối tại Typography Society… Thuộc tính CSS Ghi chú. Trong demo trên, chuỗi "Một từ tiếng Anh cực kỳ dài. " chứa ký tự Quy tắc gạch nối là ngôn ngữ cụ thể. Trong HTML, ngôn ngữ được xác định bởi thuộc tính Ghi chú. Các quy tắc xác định cách thực hiện gạch nối không được xác định rõ ràng bởi thông số kỹ thuật, do đó, gạch nối chính xác có thể khác nhau giữa các trình duyệt Nếu được hỗ trợ, có thể sử dụng hyphens =0 để chỉ định một ký tự gạch nối thay thế sẽ sử dụng ở cuối dòng bị ngắt Thuộc tính hyphens =2 Các từ không bị ngắt khi ngắt dòng, ngay cả khi các ký tự bên trong các từ gợi ý các điểm ngắt dòng. Các dòng sẽ chỉ bao bọc ở khoảng trắng hyphens =3 Các từ bị ngắt dòng chỉ khi các ký tự bên trong từ gợi ý các cơ hội ngắt dòng. Xem bên dưới để biết chi tiết hyphens =4 Trình duyệt có thể tự động ngắt các từ tại các điểm gạch nối thích hợp, tuân theo bất kỳ quy tắc nào mà trình duyệt chọn. Tuy nhiên, các cơ hội ngắt dòng được đề xuất (xem bên dưới) sẽ ghi đè lựa chọn điểm ngắt tự động khi xuất hiện Ghi chú. Hành vi của cài đặt hyphens =4 tùy thuộc vào ngôn ngữ được gắn thẻ chính xác để chọn quy tắc gạch nối phù hợp. Bạn phải chỉ định một ngôn ngữ sử dụng thuộc tính HTML Có hai ký tự Unicode được sử dụng để chỉ định thủ công các điểm ngắt dòng tiềm năng trong văn bản U+2010 (HYPHEN)Ký tự gạch nối "cứng" biểu thị cơ hội ngắt dòng có thể nhìn thấy. Ngay cả khi dòng không thực sự bị hỏng tại thời điểm đó, dấu gạch nối vẫn được hiển thị U+00AD (RẺ)Một gạch nối vô hình, "mềm". Ký tự này không được hiển thị rõ ràng; . Trong HTML, sử dụng Ghi chú. Khi phần tử HTML hyphens =8 dẫn đến ngắt dòng, không có dấu gạch nối nào được thêm vào Giá trị ban đầu hyphens =3Áp dụng cho tất cả các phần tửInherityyesGiá trị được tính toán như đã chỉ địnhKiểu hoạt ảnhrời rạc Tại sao CSS không hoạt động trong Chrome?Thử một mạng khác . Nếu kết nối internet của bạn không tải được tất cả tài nguyên trên trang web, thì CSS có thể không hoạt động trong Chrome hoặc bất kỳ trình duyệt nào khác. Vì vậy, bạn có thể thử sử dụng VPN hoặc một mạng khác để kiểm tra xem mọi thứ có ổn hay không.
Tôi có thể sử dụng ký tự giới hạn gạch nối không?Thuộc tính hyphenate-limit-chars được được Edge và Internet Explorer 10+ hỗ trợ với tiền tố -ms . Nó cũng được hỗ trợ trong Safari với -webkit-hyphenate-limit-before và –webkit-hyphenate-limit-after, cả hai đều là thuộc tính kế thừa.
Tôi có thể sử dụng dấu gạch nối không?Dấu gạch nối (-) là dấu câu được dùng để nối các từ hoặc các phần của từ. Nó không thể hoán đổi với các loại dấu gạch ngang khác. Sử dụng dấu gạch nối trong từ bổ nghĩa ghép khi từ bổ nghĩa đứng trước từ nó đang bổ nghĩa .
Dấu gạch nối trong HTML là gì?Có hai Ký tự Unicode được sử dụng để chỉ định thủ công các điểm ngắt dòng tiềm năng trong văn bản . U+2010 (HYPHEN) Ký tự gạch nối "cứng" biểu thị cơ hội ngắt dòng có thể nhìn thấy. Ngay cả khi dòng không thực sự bị hỏng tại thời điểm đó, dấu gạch nối vẫn được hiển thị. U+00AD (Shy) |
