如何使用 CSS 將子元素置於父元素的中心？

在

中將元素居中

使用 CSS 以 left: 50%; 居中元素時，對齊方式是相對於整個視窗的。但是，當將元素在父

中居中時，我們希望對齊方式相對於其包含元素。

解決方案

要實現此目的，我們可以使用文字組合-對齊：居中；和保證金：自動； CSS 屬性。

第 1 步：對齊父級

Center

設定文字對齊：居中；到父級

;元素。這會將其所有子元素居中。

第 2 步：使用邊距將特定子元素居中

一旦父元素

對齊後，我們需要將特定的子元素居中。應用保證金：自動；到子元素。無論子元素的寬度如何，這都會自動使元素在父

內居中。

為了清楚起見，這裡有一個例子：

以上是如何使用 CSS 將子元素置於父元素的中心？的詳細內容。更多資訊請關注PHP中文網其他相關文章！