CSS を使用して要素を親 Div 内の中央に配置するにはどうすればよいですか?

親内の要素を中央揃えにする

left: 50%; を使用して HTML 要素を中央揃えにすると、要素が揃えられます。ブラウザウィンドウ全体で。ただし、要素を特にその親

内で中央に配置するには、

これを実現するには、text-align:center; を割り当てます。親

にコピーします。これにより、子要素を含む

内のすべてのコンテンツが中央に配置されます。

次に、margin:auto; を追加します。子要素に。これにより、子要素の幅や高さに関係なく、親

内で子要素が自動的に調整されます。

CSS を使用したデモを次に示します。

#parent {
    text-align:center;
    background-color:blue;
    height:400px;
    width:600px;
}
.block {
    height:100px;
    width:200px;
    text-align:left;
}
.center {
    margin:auto;
    background-color:green;
}

margin:auto であることに注意してください。 ;子要素を親

内で水平方向と垂直方向の中央に配置します。

以上がCSS を使用して要素を親 Div 内の中央に配置するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。