如何用CSS填充列

要填充列,请使用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>

以上是 如何用CSS填充列 的全部内容, 来源链接: utcz.com/z/331044.html

回到顶部