Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptを使用して要素がまたがる列の数を設定します。

columnSpanを設定します JavaScriptで列をまたがる場合は、すべてのプロパティ。次のコードを実行して、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>

  1. JavaScriptで要素のマージンを設定するにはどうすればよいですか？

    マージンを使用する JavaScriptのプロパティ。マージンを設定します。次のコードを実行して、JavaScriptで要素のマージンを設定してみてください- 例 <!DOCTYPE html> <html>    <body>       <button type="button" onclick="display()">Set all four margins</button>       <p id=

  2. 要素がCSSでまたがる列の数を設定します

    要素がまたがる列の数を設定するには、column-spanプロパティを使用します。次のコードを実行して、column-spanプロパティを実装してみてください。 例 <!DOCTYPE html> <html>    <head>       <style>          .demo {             column-count: 4;