首頁 > web前端 > css教學 > 如何將寬度未知的內聯塊元素居中?

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

Barbara Streisand
發布: 2024-11-08 18:54:02
原創
355 人瀏覽過

How to Center Inline-Block Elements with Unknown Width?

居中內聯塊元素

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

問題陳述

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

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

範例

考慮以下程式碼:

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

示範

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

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板