Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

กำหนดจำนวนคอลัมน์ที่ Element ควรแบ่งด้วย CSS

ใช้คุณสมบัติ column-count เพื่อระบุจำนวนคอลัมน์ที่ element ควรแบ่ง

ตัวอย่าง: 4 คอลัมน์

<!DOCTYPE html> <html>    <head>       <style>          .demo {             column-count: 4;          }       </style>    </head>    <body>       <div class = "demo">          This is demo text. This is demo text. This is demo text.          This is demo text. This is demo text. This is demo text.          This is demo text. This is demo text. This is demo text.          This is demo text. This is demo text. This is demo text.          This is demo text. This is demo text. This is demo text.          This is demo text. This is demo text. This is demo text.          This is demo text. This is demo text. This is demo text.          This is demo text. This is demo text. This is demo text.          This is demo text. This is demo text. This is demo text.          This is demo text. This is demo text. This is demo text.          This is demo text.       </div>    </body> </html>