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