如何居中UL ID子導航

Question

下午好，

我想創建一個菜單欄，有一些父母下的子導航，但孩子們沒有對齊。 我已將兒童雙色更改爲紅色以突出關注。 有可能通過輸入sub-nav文本可以解決問題。

我在下面列出了CSS和HTML。

親切的問候 Gary。

Danceblast

Answer 1

你的問題是這樣的：

#dropnav ul li { 
    margin-left: 20px; 
} 

它被應用到subnav的孩子裏的藏漢，您可以直接針對subnav和邊距設置爲0

#subnav li { 
    margin-left:0px !important; 
} 

OR

#dropnav #subnav li { 
    margin-left:0px; 
} 

如果您不想使用!important。

Answer 2

#dropnav ul li { 
    margin-left: 20px; 
} 

您想刪除邊距以及要檢查文本對齊方式。

目前您的要素使用

text-align: center; 

其所有的父母和孩子的

。您可能希望成爲：

text-align: left; 

希望有所幫助。