设置一个元素应跨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 教师闺蜜祝福语简短