设置一个元素应跨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 出院祝福语简短8字