居中第二級下拉相對於父母

我有一個菜單，我需要修改。我需要菜單的下拉部分[可能]相對於其父項居中。居中第二級下拉相對於父母

是的，菜單位於頁面的右側。

第二級菜單項將水平顯示在第一級菜單下。

例如。

 top level 
bottom | level | items

要點：注意的第二個級別的項目之一，目前在2號線...... 必須在一行。

注意：這是針對CMS的。所以，這裏沒有固定的寬度。用戶可以在任何級別添加菜單，而無需修改CSS。

2012-06-07 Rachel

所以，你希望它是其父爲中心的，除非它搬過來，因爲它太靠近邊緣？ –

你願意接受javascript解決方案嗎？ –

「所以，你希望它的中心位於父母的中心，除非因爲它太靠近邊緣而不得不移動？」 - 是的！是的，我想我會開放JS解決方案。喜歡css，但可能會更容易與JS ... – Rachel

在我看來，有沒有乾淨的方式來做到這一點，只是使用CSS。因爲你需要讓孩子的寬度或使用中心對齊。所以我的建議是有一些JS代碼。

版：使用JS是可以在這裏找到：http://jsfiddle.net/Zqypz/

2012-06-07 02:49:03

有關JS代碼使用的任何想法？ – Rachel

請在我的答案中找到一個版本。 –

這工作得很好。謝謝！ – Rachel

回答