如何使用 CSS 水平對齊 `` 中的 `` 元素？

水平顯示

中的列表項目使用CSS

問題：

如何水平對齊

中的元素使用CSS？

答案：

要水平顯示列表項，我們需要修改其固有的塊元素行為，並使用 display 屬性將它們轉換為內聯元素。

程式碼修正：

在提供的程式碼中， display: inline 屬性直接套用於

，對清單項目沒有影響。相反，我們應該專門選擇列表項目：

#ul_top_hypers li {
  display: inline;
}

解釋：

透過將display: inline 屬性應用於每個

元素，它們成為內聯元素。內聯元素在周圍的父容器內水平流動，使它們能夠水平對齊。

工作範例：

以下更新的程式碼片段會水平顯示清單項目：

<div>

以上是如何使用 CSS 水平對齊 `` 中的 `` 元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！