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

JavaScriptで高さを動的幅（CSS流体レイアウト）と等しく設定するにはどうすればよいですか？

JavaScriptで高さを動的幅と等しく設定するには、次のコードを実行してみてください-

例

<!DOCTYPE html>
<html>
   <head>
      <style>
         .wrap {
            width:400px;
            height:300px;
            border:2px solid yellow;
         }
         .myChild{
            width: 80%;
            border:1px solid red;
         }
      </style>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
      </script>
      <script>
         var res = $('.myChild').width();
         $('.myChild').css({
            'height': res + 'px'
         });
      </script>
   </head>
   <body>
      <div class = "wrap">
         <div class = "myChild"></div>
      </div>
   </body>
</html>

  1. JavaScriptで日付の日を設定するにはどうすればよいですか？

    以下は、JavaScriptで日付の日を設定するコードです- 例 <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>   &

  2. Tkinterでラベルウィジェットの高さ/幅を設定するにはどうすればよいですか？

    ラベルウィジェットは、アプリケーションでテキストと画像を表示するために使用されます。ラベルウィジェットのサイズは、ラベルテキストの幅、高さ、フォントサイズなどのさまざまな要因によって異なります。 高さと幅は、ラベルウィジェットがウィンドウにどのように表示されるかを定義します。ラベルウィジェットの高さと幅を設定するには、変数を使用してラベルウィジェットを宣言する必要があります。変数を使用してラベルウィジェットをインスタンス化すると、ユーザーはラベルウィジェットのプロパティを追加/編集できます。 例 # Import the required libraries from tkinter imp