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

กำหนดช่องว่างระหว่างคอลัมน์ด้วย CSS

ใช้คุณสมบัติ column-gap เพื่อกำหนดช่องว่างระหว่างคอลัมน์

ตัวอย่าง: 50px

<!DOCTYPE html> <html>    <head>       <style>          .demo {             column-count: 4;             column-gap: 50px;          }       </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. This is demo text.       </div>    </body> </html>