Gạch nối trong html

Thử nó

Ghi chú. Trong demo trên, chuỗi "Một từ tiếng Anh cực kỳ dài. " chứa ký tự ­ (gạch nối mềm) ẩn.

/* Keyword values */
hyphens: none;
hyphens: manual;
hyphens: auto;

/* Global values */
hyphens: inherit;
hyphens: initial;
hyphens: revert;
hyphens: revert-layer;
hyphens: unset;

/* Keyword values */
hyphens: none;
hyphens: manual;
hyphens: auto;

/* Global values */
hyphens: inherit;
hyphens: initial;
hyphens: revert;
hyphens: revert-layer;
hyphens: unset;

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

/* Keyword values */
hyphens: none;
hyphens: manual;
hyphens: auto;

/* Global values */
hyphens: inherit;
hyphens: initial;
hyphens: revert;
hyphens: revert-layer;
hyphens: unset;

/* Keyword values */
hyphens: none;
hyphens: manual;
hyphens: auto;

/* Global values */
hyphens: inherit;
hyphens: initial;
hyphens: revert;
hyphens: revert-layer;
hyphens: unset;

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 = 
  none    |
  manual  |
  auto    

cú pháp

/* Keyword values */
hyphens: none;
hyphens: manual;
hyphens: auto;

/* Global values */
hyphens: inherit;
hyphens: initial;
hyphens: revert;
hyphens: revert-layer;
hyphens: unset;

Thuộc tính hyphens được chỉ định là một giá trị từ khóa duy nhất được chọn từ danh sách bên dưới

giá trị

hyphens = 
  none    |
  manual  |
  auto    

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 = 
  none    |
  manual  |
  auto    

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 Đề xuất cơ hội ngắt dòng bên dưới để biết chi tiết

hyphens = 
  none    |
  manual  |
  auto    

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ơ hội ngắt dòng được đề xuất (xem Gợi ý cơ hội ngắt dòng 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 = 
  none    |
  manual  |
  auto    

/* Keyword values */
hyphens: none;
hyphens: manual;
hyphens: auto;

/* Global values */
hyphens: inherit;
hyphens: initial;
hyphens: revert;
hyphens: revert-layer;
hyphens: unset;

Đề xuất cơ hội ngắt dòng

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

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ị

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 ­ để chèn dấu gạch nối mềm

Ghi chú. Khi phần tử HTML

hyphens = 
  none    |
  manual  |
  auto    

định nghĩa chính thức

Giá trị ban đầu

hyphens = 
  none    |
  manual  |
  auto