菜单将不正确对齐

我有一个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

回答