el-menu设置el-sbmenu居中

您可以使用 Flex 布局来实现 el-submenu 的居中显示。具体方法如下：

1. 在 el-submenu 的父元素上添加以下样式：

display: flex;
justify-content: center;

2. 如果您希望子菜单也居中显示，可以在 el-submenu 上添加以下样式：

text-align: center;

这样 el-submenu 和子菜单就都可以居中显示了。需要注意的是，如果 el-submenu 有多个子元素，这些子元素也需要设置 `text-align: center;` 才能实现居中显示。

相关问题

el-menu设置居中

您可以使用 Flex 布局来实现 el-menu 的居中显示。具体方法如下：

1. 在 el-menu 的父元素上添加以下样式：

display: flex;
justify-content: center;

2. 如果您希望菜单项也居中显示，可以在 el-menu 上添加以下样式：

text-align: center;

这样 el-menu 和菜单项就都可以居中显示了。

如何让<el-menu>中的<el-menu-item index="1">首页</el-menu-item>，进行居中，同时<el-submenu>右浮动而不会挤出去

要实现这个效果，可以使用 flex 布局。将 el-menu 设置为 display: flex; 并且设置 justify-content: center; 就可以让 <el-menu-item> 元素居中显示。同时，将 <el-submenu> 的样式设置为 float: right; 就可以实现右浮动而不会被挤出去。具体的 CSS 代码如下：

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

.el-submenu {
  float: right;
}