好资源导航 » 文章资讯 » 如何设置或返回元素应使用JavaScript划分的列数？

如何设置或返回元素应使用JavaScript划分的列数？

2024-04-30 03:39:04 479

要将div分为三列，请使用columnCount属性。设置列数并除以div。

示例

您可以尝试运行以下代码以返回使用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";
         }
      </script>
   </body>
</html>

返回顶部
3162201930
czq8825@qq.com

如何设置或返回元素应使用JavaScript划分的列数？

示例

热门推荐

随机推荐