HTML で div を中央揃えにする方法は、div に CSS スタイルを導入し、自動中央揃えコード [margin: 0 auto;] を追加し、外側のマージンの左右の auto を使用することです。 divを中央に配置します。 #この記事の動作環境: Windows10 システム、HTML 5、Thinkpad t480 コンピューター。 まず HTML ファイルを作成し、本文に div タグ [] を挿入し、head に CSS スタイルを導入します []<p>div [<div class="a">] に CSS スタイルを導入し、スタイルにスタイルを追加して、幅、高さ、div の幅の背景色、コードは次のとおりです: [.a{width: 600px;height: 400px;background-color: #CB8B8C;}]、[F12] を押してブラウザーのプレビューを開きます。効果。 <p><p><img src="https://img.php.cn/upload/image/549/126/486/1623827055696139.png" title="1623827055696139.png" alt="HTMLでdivを中央揃えにする方法"/>書き込まれた div がブラウザで表示されます。デフォルトでは、Web ページの左上隅に配置されます。では、div を自動的に中央に配置するにはどうすればよいですか?ウェブページでは?毛織物? <p><p><img src="https://img.php.cn/upload/image/211/865/887/1623827070795871.png" title="1623827070795871.png" alt="HTMLでdivを中央揃えにする方法"/>スタイルaに自動センタリングコード[margin: 0 auto;]を追加できます。実際、外側のマージンの左右のオートは、センタリング効果を実現するために使用されます。 <p>[margin: 0 auto;] を追加した後、CTRL S を押してファイルを保存し、ブラウザ ページを更新すると、div が自動的に中央に配置されたことがわかります。 <p><p><img src="https://img.php.cn/upload/image/214/551/561/1623827093790365.png" title="1623827093790365.png" alt="HTMLでdivを中央揃えにする方法"/>関連する推奨事項: <p>html ビデオ チュートリアル<a href="https://www.php.cn/course/list/11.html" target="_blank">
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
