Computer >> Máy Tính >  >> Lập trình >> CSS

Chỉ định khoảng cách giữa các cột bằng CSS

Sử dụng thuộc tính cột-gap để đặt khoảng cách giữa các cột. Bạn có thể thử chạy mã sau để triển khai thuộc tính column-gap, với giá trị 50px:

Ví dụ

<!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.
      </div>
   </body>
</html>