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

JavaScriptで列を埋める方法は？

columnFillを使用します 列を埋めるプロパティ。自動で入力して順番に入力するか、バランスをとってコンテンツを列間で均等に分割します。

例

次のコードを実行して、JavaScriptで塗りつぶし列を設定できます-

<!DOCTYPE html>
<html>
   <body>
      <p>Click below to create 4 columns</p>
      <button onclick="display()">Columns</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.columnCount = "4";
            document.getElementById("myID").style.columnFill = "balance";
         }
      </script>
   </body>
</html>

  1. JavaScriptを使用してテキストをクリップボードにコピーするにはどうすればよいですか？

    以下は、JavaScriptを使用してテキストをクリップボードにコピーするためのコードです- 例 <!DOCTYPE html> <html> <head> <style> button {    border: none;    outline: none;    background-color: rgb(191, 187, 255);    color: black;    font-weight: bold;    pa

  2. JavaScriptでテキストを切り替える方法は？

    JavaScriptでテキストを切り替えるためのコードは、次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana,