Inline-Block with Text-Align: Center 能否取代 Display: Table 以實現水平居中？

使用內聯塊居中顯示：另一個解決方案

使用換行水平居中對齊元素時，常見的方法是使用 display: table 作為包裝器。然而，有些人可能更喜歡利用 display: block 或 display: inline-block 的解決方案。

最初的解決方案提出了一個問題：「包裝」所需的 display: table 以實現所需的對齊。隨著 text-align: center 應用於 body 元素和 display: inline-block 分配給換行的引入，出現了修改後的方法。透過刪除 display: table，我們得到了一種替代解決方案，可以有效地將元素居中對齊，而不施加固定的寬度限制。

更新的程式碼：

body {
    background: #bbb;
    text-align: center;
}

.wrap {
    background: #aaa;
    margin: 0 auto;
    display: inline-block;
    overflow: hidden;
}

此修改保留所需的對齊方式，同時為某些場景提供更清晰且可能首選的方法。

以上是Inline-Block with Text-Align: Center 能否取代 Display: Table 以實現水平居中？的詳細內容。更多資訊請關注PHP中文網其他相關文章！