好资源导航 » 文章资讯 » 如何用CSS填充列

如何用CSS填充列

2024-04-26 20:22:05 435

要填充列，请使用column-fill属性。您可以尝试运行以下代码以实现带有余额形式的column-fill属性：

示例

<!DOCTYPE html>
<html>
   <head>
      <style>
         .demo {
            column-count: 4;
            column-fill: balance;
         }
      </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>

返回顶部
3162201930
czq8825@qq.com

如何用CSS填充列

示例

热门推荐

随机推荐