如何使用JavaScript返回或设置列的宽度?

使用JavaScript columnWidth属性设置列的宽度。

示例

您可以尝试运行以下代码以使用JavaScript设置列的宽度:

<!DOCTYPE html>
<html>
   <body>
      <p>Set the width of the columns</p>
      <button onclick="display()">Change Width</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.
      </div>
      <script>
         function display() {
            document.getElementById("myID").style.columnWidth = "70px";
         }
      </script>
   </body>
</html>
猜你喜欢