JavaScript로 요소가 걸쳐야 하는 열 수를 설정합니다.

<시간/>

columnSpan 설정 JavaScript에서 열을 확장하려는 경우 속성을 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>