如何將寬度未知的內聯塊元素居中？

居中內聯塊元素

可以使用容器元素上的 text-align 屬性將內聯塊元素居中。

問題陳述

當使用CSS設定寬度未知的內聯塊元素的樣式時，使用自動邊距的傳統居中方法不起作用。設定固定寬度也不是一個可行的選擇，因為它會阻止元素的正確突出顯示。

解

將寬度未知的內聯塊元素居中，只需設定text-align: center;在父容器上。這將使元素在其容器內水平居中。

範例

考慮以下程式碼：

此程式碼將使方程式居中 -容器內的元素，無論其寬度為何。

示範

[即時示範](https://example.com)

以上是如何將寬度未知的內聯塊元素居中？的詳細內容。更多資訊請關注PHP中文網其他相關文章！