87,994
社区成员
发帖
与我相关
我的任务
分享element ui 导航怎么让菜单对齐啊
<el-menu
default-active="1"
class="el-menu-vertical-demo"
@open="handleOpen"
@close="handleClose"
router
style="min-height:100%"
background-color="#545c64"
text-color="#fff"
active-text-color="#ffd04b">
<el-submenu index="1">
<template slot="title" >
<i class="el-icon-s-home"></i>
<span style="font-size:20px">首页</span>
</template>
<el-menu-item index="1-4-1">选项1</el-menu-item>
</el-submenu>
</el-menu>
想让选项和首页对齐，不知道怎么弄，想弄成下面这样
...全文
请发表友善的回复…
发表回复
zwk_9 2020-02-26
- 打赏
- 举报
看看包裹它的组件有没有设置text-align属性，比如我的项目是因为app.vue设置了这个居中对齐，你把这个text-align设为left就ok了
<style>
#app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
}
</style>
LL金盆 2021-12-03
- 举报
我服了，后端改前端太难了，看到你这里终于解决了
狗蛋丶 2019-11-05
- 打赏
- 举报
.el-submenu .el-menu-item{
padding-left : 45px !important;
}
强行用important改掉它的CSS
注意css覆盖面，不要影响了其他的页面
