HTML divのサイズを設定する方法-htmlチュートリアル-php.cn

ホームページ

ウェブフロントエンド

htmlチュートリアル

HTML divのサイズを設定する方法

Oct 11, 2021 pm 01:51 PM

div html

html div のサイズを設定する方法: div タグ内で、style 属性を使用して、「width: 幅の値の単位;」と「height: 高さの値の単位;」スタイルを設定します。

HTML divのサイズを設定する方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

HTML では、

はドキュメント内の分離されたブロックまたは領域を定義できます。

タグは、ドキュメントを独立した異なる部分に分割できます。これは厳密な組織ツールとして使用でき、それに関連付けられた書式設定は一切使用されません。

<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <style type="text/css">
  div{
  border: 1px solid red;
  }
  </style>
 </head>
 <body>
<div>测试文本</div>
<div>测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本</div>
 </body>
</html>

ログイン後にコピー

HTML divのサイズを設定する方法

div タグの幅はデフォルトで全画面表示され、高さはデフォルトでコンテンツの高さになっていることがわかります。

ただし、手動でスタイルを設定することで div のサイズを変更できます:

style 属性を使用して、div の「width: width value Unit;」と「height:」を設定するだけです。タグ。高さの値の単位;」スタイルで十分です。

<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <style type="text/css">
  div{
  border: 1px solid red;
  }
  </style>
 </head>
 <body>
<div style="width:200px ;">测试文本</div>
<div style="width:700px ;height: 100px;">测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本</div>
 </body>
</html>

ログイン後にコピー

レンダリング:

HTML divのサイズを設定する方法