如果要在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>