บังคับให้ไม่แบ่งบรรทัด
div{
พื้นที่สีขาว: nowrap;
}
การตัดคำอัตโนมัติ
{
การตัดคำ: แบ่งคำ;
การแบ่งคำ: ปกติ;
}
บังคับให้แบ่งบรรทัดคำภาษาอังกฤษ
div{
แบ่งคำ: แบ่งทั้งหมด;
-
การตั้งค่า CSS จะไม่ถูกเปลี่ยนเส้นทาง:
ล้น: ซ่อนซ่อนอยู่
ช่องว่างสีขาว: ค่าเริ่มต้นปกติ
การขึ้นบรรทัดใหม่ล่วงหน้าและอักขระช่องว่างอื่นๆ จะได้รับการป้องกัน
nowrap บังคับให้ข้อความทั้งหมดแสดงในบรรทัดเดียวกันจนกระทั่งถึงจุดสิ้นสุดของข้อความหรือวัตถุ br
ตั้งค่าการตัดบรรทัดแบบบังคับ:
แบ่งคำ:
ปกติ ; อนุญาตให้แบ่งบรรทัดภายในคำตามกฎข้อความสำหรับภาษาเอเชียและที่ไม่ใช่ภาษาเอเชีย
break-all : ลักษณะการทำงานจะเหมือนกับปกติสำหรับภาษาเอเชีย อนุญาตให้แบ่งคำในบรรทัดข้อความที่ไม่ใช่ภาษาเอเชียได้เช่นกัน ค่านี้เหมาะสำหรับข้อความภาษาเอเชียที่มีข้อความที่ไม่ใช่ภาษาเอเชีย
keep-all : เหมือนกับปกติสำหรับภาษาที่ไม่ใช่เอเชียทั้งหมด สำหรับภาษาจีน เกาหลี และญี่ปุ่น ไม่อนุญาตให้ใช้การแบ่งคำ เหมาะสำหรับความละเอียดสูงระหว่างข้อความที่ไม่ใช่ภาษาเอเชียและข้อความภาษาเอเชียจำนวนน้อย
ปัญหาได้รับการแก้ไขโดยการเพิ่ม word-break: break-all; ลงใน CSS
ที่ไม่แบ่งบรรทัดภาษาอังกฤษ
ปัญหานี้มีอยู่เฉพาะใน IE เท่านั้น เมื่อทดสอบภายใต้ FF แล้ว FF สามารถเพิ่มแถบเลื่อนได้ด้วยตัวเอง ซึ่งไม่ส่งผลต่อเอฟเฟกต์
แนะนำว่าเมื่อทำ Skin อย่าลืมเพิ่ม word-break: break-all ลงใน body วิธีนี้สามารถแก้ปัญหาเฟรมของ IE ที่ถูกบล็อกโดยภาษาอังกฤษ
เกี่ยวกับ
ปัญหาของการเปิด คำ พูดต่อไปนี้มาจากคำอธิบายของตัวแบ่งคำ โปรดทราบว่าตัวแบ่งคำเป็นไวยากรณ์แอตทริบิวต์ที่เป็นกรรมสิทธิ์ของ IE5+:
ตัวแบ่งคำ: ปกติ |
-all |พารามิเตอร์
เก็บทั้งหมด
:ปกติ: ตามกฎข้อความของภาษาเอเชียและภาษาที่ไม่ใช่เอเชีย อนุญาตให้มีการขึ้นบรรทัดใหม่ภายในคำ
break-all : ลักษณะการทำงานจะเหมือนกับปกติสำหรับภาษาเอเชีย อนุญาตให้แบ่งคำในบรรทัดข้อความที่ไม่ใช่ภาษาเอเชียได้เช่นกัน ค่านี้เหมาะสำหรับข้อความภาษาเอเชียที่มีข้อความที่ไม่ใช่ภาษาเอเชีย
keep-all : เหมือนกับปกติสำหรับภาษาที่ไม่ใช่เอเชียทั้งหมด สำหรับภาษาจีน เกาหลี และญี่ปุ่น ไม่อนุญาตให้ใช้การแบ่งคำ เหมาะสำหรับข้อความที่ไม่ใช่ภาษาเอเชียซึ่งมีข้อความภาษาเอเชียจำนวนเล็กน้อย
คำอธิบาย:
ตั้งค่าหรือเรียกข้อมูลลักษณะการตัดคำภายในสำหรับข้อความภายในออบเจ็กต์ โดยเฉพาะเมื่อมีหลายภาษาปรากฏขึ้น
สำหรับภาษาจีน ควรใช้คำว่า break-all
คุณลักษณะสคริปต์ที่เกี่ยวข้องคือ wordBreak โปรดดูหนังสือเล่มอื่นที่ฉันเขียน
ตัวอย่าง:
div {word-break : break-all }