设置一个元素应跨越CSS的列数

要设置元素应跨越多少列,请使用column-span属性。您可以尝试运行以下代码来实现column-span属性:

<!DOCTYPE html>
<html>
   <head>
      <style>
         .demo {
            column-count: 4;
            column-rule-color: maroon;
            column-rule-style: dashed;
         }
         h1 {
            column-span: all;
         }
      </style>
   </head>
   <body>
      <div class = "demo">
         <h1>This is our heading.</h1>
这是演示文字。 这是演示文字。 这是演示文字。 这是演示文字。

这是演示文字。 这是演示文字。 这是演示文字。 这是演示文字。

这是演示文字。 这是演示文字。 这是演示文字。 这是演示文字。

这是演示文字。 这是演示文字。 这是演示文字。 这是演示文字。

这是演示文字。 这是演示文字。 这是演示文字。 这是演示文字。

这是演示文字。 这是演示文字。 这是演示文字。 这是演示文字。

这是演示文字。 这是演示文字。 这是演示文字。 这是演示文字。
      </div>
   </body>
</html>