Css 菜单赢了'；不能正确对齐

我有一个css菜单，我需要子菜单与父菜单对齐。我就是不能把这件事做好。我试过好几种方法，但菜单不能以div为中心

它应该是什么样子的：

代码如下： 您正在使用的

text-align:center;

对于父菜单，子菜单无法通过CSS与父菜单对齐。也许用js，但即使用它，我也不认为这是可能的

---

我想你必须为每个儿童菜单手工操作。

你的

ul.nice-menu li ul li CSS中的
样式可以在左侧添加一些填充/边距。
快速测试显示，将此元素的填充设置为：

padding: 0;
padding-left: 20px;

…并添加

  margin-top: -10px;

to
ul.nice-menu li ul
使菜单和子菜单的顶部和底部整齐地接触

应该大致给出你想要的

注意，我在Chrome中进行了测试


编辑：正如Jerska所指出的，您的顶部菜单项居中，这意味着在子菜单中对齐文本将不起作用（至少不容易，而且没有太多调整，然后可能不适用于所有浏览器）

我的答案是“tho”，因为这可能有助于为您指出正确的方向，例如，左对齐的菜单项。
我知道这是一个示例，但在您的代码中，当菜单出现在议程下时，您希望下拉菜单出现在何处；一路走？或者更好的是，议程的下拉列表出了什么问题？如果你说测试太偏左了，为什么不把它垫起来？你用什么浏览器，因为对我来说，它看起来是对齐的，或者我答错了。嘿，关键是主a项应该放在中间。设计师就是这样做的。不可能对每个子项都执行此操作，因为客户端将添加菜单项。不可能对每个子项都手动执行此操作。只需再次为每个子项设置左边填充设置，而不是项，而是菜单。我认为主要类别不会改变。只要对填充物进行简单的研究，你就会得到答案。但我太棒了：看看孩子们的uls的id，看看css的结尾。