Thuộc tính word-break CSS

Định nghĩa và cách sử dụng

Thuộc tính word-break xác định cách xử lý tự động换行.

Lưu ý:Bằng cách sử dụng thuộc tính word-break, có thể làm cho trình duyệt thực hiện换行 ở bất kỳ vị trí nào.

Mô hình

Thực hiện换行 ở điểm gạch đuôi hợp lý:

p.test {word-break:hyphenate;}

Thử ngay

Ngữ pháp CSS

word-break: normal|break-all|keep-all;

Giá trị thuộc tính

Giá trị Mô tả
normal Sử dụng quy tắc换行 mặc định của trình duyệt.
break-all Cho phép换行 trong từ.
keep-all Chỉ có thể换行 ở dấu cách半 dấu hoặc dấu gạch nối.

Chi tiết kỹ thuật

Giá trị mặc định: normal
Thừa kế: yes
Phiên bản: CSS3
Ngữ pháp JavaScript: object.style.wordBreak="keep-all"

Hỗ trợ trình duyệt

Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ hoàn toàn thuộc tính này.

Chrome IE / Edge Firefox Safari Opera
4.0 5.5 15.0 3.1 15.0