ควบคุมการไหลและรูปแบบข้อความด้วย CSS (white-space)

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

คุณสมบัติ white-space ใช้ควบคุมการไหลและรูปแบบของข้อความ

ตัวอย่าง

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

<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 ที่ช่องว่างได้