CSS word-break 属性

คำอธิบายและวิธีใช้

คุณสมบัติ word-break กำหนดวิธีการจัดการการบรรทัดอัตโนมัติ

คำเตือน:ด้วยการใช้คุณสมบัติ word-break สามารถทำให้เบราเซอร์ทำการบรรทัดในตำแหน่งที่ต้องการได้

ตัวอย่าง

บรรทัดในจุดที่สมบูรณ์ในการตัดคำ:

p.test {word-break:hyphenate;}

ทดลองด้วยตัวเอง

การเขียนรหัส CSS

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

ค่ารายละเอียด

ค่า คำอธิบาย
normal ใช้กฎบรรทัดเริ่มต้นของเบราเซอร์
break-all อนุญาตให้บรรทัดภายในคำ。
keep-all สามารถบรรทัดในช่องว่างหรือเฮอร์ซันเท่านั้น。

รายละเอียดเทคโนโลยี

ค่าเริ่มต้น: normal
ความสามารถรับทิศทาง: yes
รุ่น: CSS3
การเขียนรหัส JavaScript: object.style.wordBreak="keep-all"

การสนับสนุนของเบราเซอร์

ตารางตัวเลขระบุรุ่นฉบับของเบราเซอร์ที่สนับสนุนคุณสมบัติดังกล่าวอย่างเต็มที่。

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