กำหนดช่องว่างข้อมือข้อความด้วย CSS (white-space)

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

เพื่อกำหนดช่องว่างข้อมือข้อความ ให้ใช้คุณสมบัติ white-space ค่าที่เป็นไปได้: normal, pre, nowrap

ตัวอย่าง

ลองรันโค้ดต่อไปนี้เพื่อกำหนดช่องว่างข้อมือข้อความใน CSS:

<html>
  <head>
  </head>
  <body>
    <p style="white-space:pre;">
      This text has a line break and the white-space pre setting tells the browser to honor
      it just like the HTML pre tag.</p>
  </body>
</html>

ค่าที่ใช้ได้:

• normal - รวมช่องว่างและขึ้นบรรทัดใหม่ (ค่าเริ่มต้น)
• pre - รักษาช่องว่างและขึ้นบรรทัดใหม่เหมือนแท็ก <pre>
• nowrap - รวมช่องว่างแต่อย่าไม่ขึ้นบรรทัดใหม่
• pre-wrap - รักษาช่องว่างและขึ้นบรรทัดใหม่ + wrap ตามขอบ
• pre-line - รักษาขึ้นบรรทัดใหม่ รวมช่องว่าง + wrap ตามขอบ
• break-spaces - คล้าย pre-wrap แต่ wrap ที่ช่องว่างได้