el-menu设置el-sbmenu居中
时间: 2023-07-07 20:14:22 浏览: 424
vue2+el-menu实现路由跳转及当前项的设置方法实例
您可以使用 Flex 布局来实现 el-submenu 的居中显示。具体方法如下:
1. 在 el-submenu 的父元素上添加以下样式:
```
display: flex;
justify-content: center;
```
2. 如果您希望子菜单也居中显示,可以在 el-submenu 上添加以下样式:
```
text-align: center;
```
这样 el-submenu 和子菜单就都可以居中显示了。需要注意的是,如果 el-submenu 有多个子元素,这些子元素也需要设置 `text-align: center;` 才能实现居中显示。
阅读全文