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

ระบุความกว้างสำหรับคอลัมน์ด้วย CSS


ใช้ ความกว้างของคอลัมน์ คุณสมบัติเพื่อระบุความกว้างของคอลัมน์ คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อใช้คุณสมบัติความกว้างของคอลัมน์ -

ตัวอย่าง

<!DOCTYPE html>
<html>
   <head>
      <style>
         .demo {
            column-count: 4;
            column-rule-color: gray;
            column-rule-style: dashed;
            column-width: 100px;
         }
      </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.
      </div>
   </body>
</html>