如何使用JavaScript设置列宽和列数？
要在单个声明中设置列宽和列数，请使用JavaScriptcolumns属性。
示例
您可以尝试运行以下代码以使用JavaScript设置列宽和列数-
<!DOCTYPE html>
<html>
<head>
<style>
#myID {
column-count: 4;
column-rule: 4px solid yellow;
}
</style>
</head>
<body>
<p>Click below to change the column count to 2 and minimum size</p>
<button onclick="display()">Change Column count and set size</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.columns = "70px 2";
}
</script>
</body>
</html>热门推荐
10 伤者出院祝福语简短大全
11 送花简短有内涵祝福语
12 小年好的祝福语简短
13 兔年祝福语简短100字
14 给儿子生日祝福语 简短
15 老师节祝福语的简短
16 女侠老师祝福语简短
17 生日祝福语舅舅 简短独特
18 女宝宝满月简短祝福语