html - 如何在父div中水平居中div

Question

如何使用 CSS 将 div 在其父级 div 内水平居中？

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

Answer 1

我假设父 div 没有宽度或宽度较宽，而子 div 的宽度较小。以下将顶部和底部的边距设置为零，并自动调整两侧。这使 div 居中。

div#child {
    margin: 0 auto;
}