el-menu>中,<el-menu-item>分别是首页、仓库、安装与教程、客服帮助,要求前四个水平居中且不要让外边距变大。<el-submenu>是我的。靠最右边。效果都是居中,但是我的没有靠右
时间: 2024-03-25 22:38:57 浏览: 34
左边菜单,右边内容
如果你的代码已经按照上述方式实现了el-menu-item水平居中且不让外边距变大,但是el-submenu没有靠右,那么你可以尝试在el-menu组件外层套一个div,将这个div设置为flex布局,并设置justify-content为space-between,这样就可以让el-submenu靠右了。
示例代码如下:
```
<div style="display: flex; justify-content: space-between;">
<el-menu :default-active="activeIndex" mode="horizontal" class="menu" style="line-height: 60px;display: flex;justify-content: center;">
<el-menu-item index="1" style="margin: 0;">首页</el-menu-item>
<el-menu-item index="2" style="margin: 0;">仓库</el-menu-item>
<el-menu-item index="3" style="margin: 0;">安装与教程</el-menu-item>
<el-menu-item index="4" style="margin: 0;">客服帮助</el-menu-item>
</el-menu>
<el-submenu index="5">
<template slot="title">我的</template>
<el-menu-item index="5-1">个人中心</el-menu-item>
<el-menu-item index="5-2">退出登录</el-menu-item>
</el-submenu>
</div>
```
这样,el-menu-item就会居中且不会有外边距,而el-submenu则会靠最右边。如果还有问题,请告诉我具体情况,我会尽力帮助你解决问题。
阅读全文