如何在不使用'display: table;”的情況下將內聯塊元素居中？

使用內聯塊元素居中顯示

問題：

如何在不使用display 的情況下居中使用內聯塊顯示的元素: table;?

分析：

提供的程式碼使用了display: table;將包裝類別與中心對齊。但是，使用者更喜歡使用 display: inline-block。

解決方案：

要解決此問題，您可以應用以下內容修改：

body {
    text-align: center;
}

.wrap {
    display: inline-block;
}

說明：

• 文字對齊：居中；應用於body元素使整個頁面居中，確保包裝類別也居中。
• display: inline-block;因為包裝類別允許它只佔據所需的空間，並且仍然作為區塊級元素與中心對齊。

透過這些調整，內聯區塊元素無需水平居​​中即可用於顯示：表格；.

以上是如何在不使用'display: table;”的情況下將內聯塊元素居中？的詳細內容。更多資訊請關注PHP中文網其他相關文章！