菜單將不正確對齊

我有一個CSS菜單，我需要孩子與父菜單對齊。我似乎無法得到這個權利。我嘗試了幾件事，但菜單不會以div爲中心。菜單將不正確對齊

它如何應該看起來像：

proper menu style

我知道這是一個例子，但是在你的代碼中當菜單出現在議程下，你希望下拉菜單出現在哪裏？一路走了嗎？或者更好，但議程的下降有什麼問題？如果你談論的是測試結果太過分了，爲什麼不直接填充呢？ – ChiefTwoPencils 2012-08-01 08:09:22

你使用什麼瀏覽器，因爲對我來說，它看起來對齊，或者我得到的問題是錯誤的 – Gijs 2012-08-01 08:09:22

您使用

text-align:center;

你父菜單，也沒有辦法孩子們可以通過CSS與父母對齊。也許與js，但即使有它，我不認爲這是可能的。

我想你必須手動爲每個兒童菜單做到這一點。

2012-08-01 08:10:37 Jerska

這樣做是不可能的 – thecodeassassin 2012-08-01 08:30:53

不適用於每個兒童項目。只需爲每個孩子設置填充左側設置，不是項目，而是菜單。我認爲主要類別不會改變。 – Jerska 2012-08-01 08:36:32

你可以在小提琴的例子中顯示這個嗎？ – thecodeassassin 2012-08-01 11:52:37

您的ul.nice-menu li ul li a樣式在CSS中可以使用一些填充/邊距添加到左側。快速測試顯示，此元素設置填充到：

padding: 0; 
padding-left: 20px;

...並添加

margin-top: -10px;

到ul.nice-menu li ul使菜單和子菜單觸摸整齊的頂部和底部。

應該給大致你想要的。

請注意，我在Chrome中進行了測試。

編輯：正如Jerska指出，您的頂部菜單項集中，這意味着在對齊子菜單中的文字將無法正常工作（至少不容易，並沒有太多的調整，然後可能它不適用於所有瀏覽器）。

我正在離開我的答案，因爲它可能有助於指示您正確的方向，例如，左對齊的菜單項。

2012-08-01 08:11:40 icabod

嘿，整個觀點是，主要的一個項目應該位於中心。這是設計師如何做到的。由於客戶端將添加菜單項，因此不可能爲每個子項目執行此操作。 – thecodeassassin 2012-08-01 08:30:32

回答