ตัวอย่าง
ระบุว่าข้อความในส่วน <div> องค์ประกอบจะไม่ห่อ:
document.getElementById("myDIV").style.whiteSpace = "nowrap"; ลองตัวเอง» ความหมายและการใช้งาน
ชุดทรัพย์สินหรือผลตอบแทนที่ช่องว่างวิธีการจัดการแท็บแบ่งบรรทัดและช่องว่างในข้อความ
สนับสนุนเบราว์เซอร์
สถานที่ให้บริการช่องว่างการสนับสนุนในเบราว์เซอร์ที่สำคัญทั้งหมด
วากยสัมพันธ์
กลับสถานที่ให้บริการช่องว่าง:
object .style.whiteSpace
ตั้งค่าคุณสมบัติช่องว่าง:
object .style.whiteSpace="normal|nowrap|pre|initial|inherit"
ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ |
|---|---|
| normal | ลำดับของช่องว่างจะล่มสลายลงในช่องว่างเดียว ข้อความจะตัดเมื่อมีความจำเป็น นี้จะเริ่มต้น |
| nowrap | ลำดับของช่องว่างจะล่มสลายลงในช่องว่างเดียว ข้อความจะไม่ตัดยังบรรทัดถัดไป ข้อความที่ยังคงอยู่บนบรรทัดเดียวกันจนกระทั่ง <br> แท็กจะพบ |
| pre | ช่องว่างถูกเก็บรักษาไว้โดยเบราว์เซอร์ ข้อความเท่านั้นจะตัดในบรรทัด การกระทำเช่น <pre> แท็กในรูปแบบ HTML |
| pre-line | ลำดับของช่องว่างจะล่มสลายลงในช่องว่างเดียว ข้อความจะตัดเมื่อมีความจำเป็นและแบ่งบรรทัด |
| pre-wrap | ช่องว่างถูกเก็บรักษาไว้โดยเบราว์เซอร์ ข้อความจะตัดเมื่อมีความจำเป็นและแบ่งบรรทัด |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
รายละเอียดทางเทคนิค
| ราคาเริ่มต้น: | ปกติ |
|---|---|
| กลับค่า: | เชือกคิดเป็นวิธีการที่พื้นที่สีขาวภายในองค์ประกอบจะถูกจัดการ |
| CSS รุ่น | CSS1 |
ตัวอย่างอื่น ๆ
ตัวอย่าง
กลับสถานที่ให้บริการช่องว่าง
alert(document.getElementById("myDiv").style.whiteSpace); ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
กวดวิชา CSS: CSS ข้อความ
อ้างอิง CSS: white-space property
<สไตล์วัตถุ