设置一个元素应跨JavaScript跨越多少列。
如果要在JavaScript中跨列,请将columnSpan属性设置为all。您可以尝试运行以下代码,以返回元素在JavaScript中应跨越多少列-
示例
<!DOCTYPE html>
<html>
<head>
<style>
#myID {
column-count: 4;
}
</style>
</head>
<body>
<p>Note- The columnSpan property won't work in Firefox.</p>
<button onclick = "display()">Span Columns</button>
<div id = "myID">
<h1 id = "h1ID">Heading Level 1 for Demo</h1>
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("h1ID").style.columnSpan = "all";
}
</script>
</body>
</html>热门推荐
10 生日宝宝祝福语简短独特
11 祝贺开业文案祝福语简短
12 青春告白祖国简短祝福语
13 女朋友考试祝福语简短
14 给长辈祝福语简短大全
15 求简短的职场祝福语
16 班级集体生日祝福语简短
17 生日祝福语 简短独特高考
18 红颜生日祝福语简短独特