1. ホーム
  2. html

[解決済み] 親ディブの中に水平に配置されたディブを中央化する方法

2022-07-10 11:08:22

質問

を中央揃えにするにはどうすればよいのでしょうか? div の内部で水平に配置するには、親 divCSS ?

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

どのように解決するのですか?

親divの幅が無いか広く、子divの幅が小さいと仮定しています。以下のようにすると、上下のマージンが0になり、横は自動的に収まるようになります。これでdivが中央に配置されます。

div#child {
    margin: 0 auto;
}