ホームページ > 記事 > ウェブフロントエンド > HTML divのサイズを設定する方法
HTML divのサイズを設定する方法
- 青灯夜游オリジナル
- 2021-10-11 13:51:5421467ブラウズ
html div のサイズを設定する方法: div タグ内で、style 属性を使用して、「width: 幅の値の単位;」と「height: 高さの値の単位;」スタイルを設定します。
このチュートリアルの動作環境: 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>
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 ビデオ チュートリアル 」
以上がHTML divのサイズを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：HTMLで入力枠を削除する方法次の記事：HTMLで入力枠を削除する方法