如何使用 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中文网其他相关文章！