2012-06-07 16 views
3

我有一个菜单,我需要修改。 我需要菜单的下拉部分[可能]相对于其父项居中。居中第二级下拉相对于父母

是的,菜单位于页面的右侧。

第二级菜单项将水平显示在第一级菜单下。

例如。

 top level 
bottom | level | items 

的jsfiddle链接: http://jsfiddle.net/smxA8/

要点:注意的第二个级别的项目之一,目前在2号线...... 必须在一行。

注意:这是针对CMS的。所以,这里没有固定的宽度。 用户可以在任何级别添加菜单,而无需修改CSS。

+0

所以,你希望它是其父为中心的,除非它搬过来,因为它太靠近边缘? –

+1

你愿意接受javascript解决方案吗? –

+0

“所以,你希望它的中心位于父母的中心,除非因为它太靠近边缘而不得不移动?” - 是的! 是的,我想我会开放JS解决方案。喜欢css,但可能会更容易与JS ... – Rachel

回答

2

在我看来,有没有干净的方式来做到这一点,只是使用CSS。因为你需要让孩子的宽度或使用中心对齐。所以我的建议是有一些JS代码。

版:使用JS是可以在这里找到:http://jsfiddle.net/Zqypz/

+0

有关JS代码使用的任何想法? – Rachel

+0

请在我的答案中找到一个版本。 –

+0

这工作得很好。谢谢! – Rachel