用你的这种el-menu-item:nth-child(1) { margin-right: auto; }，发现首页菜单没过去

抱歉，我的回答并没有完全解决你的问题。在这种情况下，可以尝试使用 `flex` 布局来实现菜单项的居中。具体做法如下：

.el-menu {
  display: flex;
  justify-content: center;
}

.el-menu-item {
  flex: none;
}

.el-submenu {
  margin-left: auto;
}

这里，我们将 `el-menu` 设置为 `flex` 布局，并使用 `justify-content: center` 将菜单项居中显示。然后，我们使用 `flex: none` 将菜单项的宽度设置为其自身宽度，避免它被拉伸。最后，对于 `el-submenu`，我们使用 `margin-left: auto` 将其向右浮动。

希望这个解决方案能够帮助到你。