如何使用JavaScript设置列之间的规则宽度？
使用columnRuleWidth属性设置列之间的宽度。您可以尝试运行以下代码以使用JavaScript设置列之间的规则宽度-
示例
<!DOCTYPE html>
<html>
<head>
<style>
#myID {
column-count: 4;
column-rule: 4px solid yellow;
}
</style>
</head>
<body>
<p>Click below to change width</p>
<button onclick="display()">Change Width between 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.columnRuleWidth = "8px";
}
</script>
</body>
</html>热门推荐
10 毕业结婚祝福语简短精辟
11 元旦祝福语简短有深度
12 中班入学祝福语简短大全
13 小清新的祝福语简短
14 老公生日祝福语简短好看
15 同事调动的祝福语简短
16 水晶婚夫妻祝福语简短
17 收围巾的祝福语简短
18 老师简短祝福语有哪些