superfish菜單子菜單中心

我已經居中在頁面上的Superfish Navbar菜單，但努力找到一種方法來居中頁面上的第一級子菜單。superfish菜單子菜單中心

我無法在此發佈圖片，因爲我沒有10個聲望。

2013-07-17 Sathesh

現在你可以:)請張貼一些CSS代碼，以及 – Bigood

這是很難不code.You回答可以創建一個[小提琴]這將（http://jsfiddle.net/）讓你的問題回答更快。您可能可以通過使用CSS中的first-child來實現菜單項。 #menuName ul li：first-child {// code here}; – 2013-07-17 17:28:23

謝謝。這裏是小提琴， http://jsfiddle.net/msathesh/uPzQW/1/ 我想獲得與它的父母的中心相關的子菜單。現在，子菜單從主菜單開始的位置開始，它已經以指定的寬度和邊距爲中心：0 auto;屬性。這是問題。任何幫助是非常感謝球員。謝謝。 – Sathesh

這裏是一個很好的解決方法：

第1步： 創建一個JavaScript函數來置換子菜單。事情是這樣的：

功能DisplaceSubMenu（myDistance）{
document.getElementById("mySubMenu").style.margin-left= -myDistance; 
}

記住：你必須給未有序列表「mySubMenu」的ID 。

第2步： 呼叫懸停在「家」或「服務」，因爲他們持有的子菜單時，JavaScript函數。您進行相同的呼叫，但傳遞「myDistance」屬性作爲自定義距離（嘗試&錯誤）。這裏有一個例子：

<a href="/" class="sf-with-ul" onmouseover="DisplaceSubMenu(30);">Home</a>

來源

2013-07-20 12:22:09

感謝Wassim這是另一種方式，我希望我可以使用margin：0 auto;在子菜單上，但我無法弄清楚任何其他方式。 – Sathesh

我寧願只用CSS來做，但不幸的是這是這種情況下唯一的解決方案。保證金：0自動;需要一個容器div，在這種情況下這是不可能的，因爲你在不同的位置有幾個子菜單。如果我的答案有幫助，我會很感激，如果你將其標記爲問題的答案。 –

我剛剛添加了一個獨特的類，菜單項有子菜單，並用CSS代替。它幾乎與Wassim Taher在這裏提到的概念相同，只是使用類和CSS而沒有JS。謝謝Wassim。 – Sathesh

superfish菜單子菜單中心

回答

相關問題