如何使用 CSS 指定元素应划分为多少列


要指定元素应划分为多少列,请使用 column-count 属性。

你可以尝试运行以下代码,用 4 列实现 column-count 属性

示例

在线演示

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

更新于: 2020 年 6 月 24 日

221 次浏览

开启你的职业生涯

完成课程获得认证

开始学习
广告