设置一个元素应跨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 生女孩红包简短祝福语