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

JavaScriptで列幅と列数を設定するにはどうすればよいですか？

1つの宣言で列幅と列数を設定するには、JavaScriptの列を使用します プロパティ。

例

次のコードを実行して、JavaScriptで列幅と列数を設定できます-

<!DOCTYPE html>
<html>
   <head>
      <style>
         #myID {
            column-count: 4;
            column-rule: 4px solid yellow;
         }
      </style>
   </head>
   <body>
      <p>Click below to change the column count to 2 and minimum size</p>
      <button onclick="display()">Change Column count and set size</button>
      <div id="myID">
         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.
         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("myID").style.columns = "70px 2";
         }
      </script>
   </body>
</html>

  1. JavaScriptでテキストのフォントサイズを設定するにはどうすればよいですか？

    フォントサイズを設定するには、 fontSizeを使用します JavaScriptのプロパティ。次のコードを実行して、JavaScriptでテキストのフォントサイズを設定してみてください- 例 <!DOCTYPE html> <html> <body> <h1>Heading 1</h1> <p id = myID> This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text.

  2. JavaScriptで要素の水平方向の配置を設定するにはどうすればよいですか？

    要素を水平方向に配置するには、 cssFloatを使用します プロパティ。 例 次のコードを実行して、JavaScriptで要素の水平方向の配置を設定できます- <!DOCTYPE html> <html>    <body>       <img id="myID" src="https://www.tutorialspoint.com/videotutorials/images/tutor_connect_home.jpg" width="300