CSS white-space คุณสมบัติ

  • หน้าที่แล้ว visibility
  • หน้าต่อไป widows

การแสดงและการใช้งาน

white-space คุณสมบัติกำหนดว่าจะจัดการช่องว่างภายในองค์ประกอบ

นี่คือคุณสมบัติที่บอกว่าจะทำอย่างไรจัดการกับช่องว่างภายในองค์ประกอบระหว่างการจัดตั้งลอย

อ่านเพิ่มเติม

คู่มือ CSSCSS ข้อความ

คู่มือเอชทีเอ็มแอลดอมwhiteSpace คุณสมบัติ

ตัวอย่าง

กำหนดให้ข้อความในปารากราฟไม่มีการขยายบรรยาย

p
  {
  white-space: nowrap;
  }

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

การเขียน CSS

white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit;

ค่าคุณสมบัติ

ค่า คำอธิบาย
normal ค่าเริ่มต้น
pre ช่องว่างจะถูกบราวเซอร์รักษา และทำงานในลักษณะเดียวกับแท็ก <pre> ใน HTML
nowrap ข้อความจะไม่มีการขยายบรรยาย และจะใช้บรรยายในแถวเดียวจนกระทั่งเจอแท็ก <br> ตามไป
pre-wrap รักษาระบบช่องว่าง แต่ทำการขยายบรรยายเหมาะสม
pre-line รวมระบบช่องว่าง แต่รักษาแบบวางแบบ
inherit กำหนดให้รับค่า white-space ขององค์ประกอบพ่อโดยตรง。

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

ค่าเริ่มต้น: normal
เชื่อมโยง: yes
เวอร์ชั่น: CSS1
JavaScript การเขียน object.style.whiteSpace="pre"

ตัวอย่างเพิ่มเติม

ห้ามการขยายของข้อความในองค์ประกอบ
ตัวอย่างนี้แสดงว่าเป็นทางเลือกเพื่อห้ามการขยายของข้อความในองค์ประกอบ。

การสนับสนุนโดยบราวเซอร์

ตัวเลขในตารางชี้ว่าอะไรคือเวอร์ชั่นบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้ทั้งหมด。

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 3.5 3.0 9.5
  • หน้าที่แล้ว visibility
  • หน้าต่อไป widows