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

如何用JavaScript填充列？

2024-05-10 02:23:04 461

使用columnFill属性填充列。将其填充为自动以顺序填充，或平衡以在列之间平均分配内容。

示例

您可以尝试运行以下代码以使用JavaScript设置填充列-

<!DOCTYPE html>
<html>
   <body>
      <p>Click below to create 4 columns</p>
      <button onclick="display()">Columns</button>
      <div id="myID">
         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>
      <script>
         function display() {
            document.getElementById("myID").style.columnCount = "4";
            document.getElementById("myID").style.columnFill = "balance";
         }
      </script>
   </body>
</html>

返回顶部
3162201930
czq8825@qq.com

如何用JavaScript填充列？

示例

热门推荐

随机推荐