親div内でdivを水平に中央揃えにする方法 質問する

親div内でdivを水平に中央揃えにする方法 質問する

を使用して をdiv親要素の内側で水平方向に中央揃えするにはどうすればよいでしょうか?divCSS

<div id='parent' style='width: 100%;'>
 <div id='child' style='width: 50px; height: 100px;'>Text</div>
</div>

ベストアンサー1

親 div の幅がないか、または広く、子 div の幅が小さいと仮定します。次のコードでは、上と下の余白をゼロに設定し、両側を自動的に合わせるように設定しています。これにより、div が中央に配置されます。

div#child {
    margin: 0 auto;
}

おすすめ記事