<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>
想讓選項和首頁對齊，不知道怎么弄，想弄成下面這樣
uj5u.com熱心網友回復：
.el-submenu .el-menu-item{padding-left : 45px !important;
}
強行用important改掉它的CSS
注意css覆寫面，不要影響了其他的頁面
uj5u.com熱心網友回復：
看看包裹它的組件有沒有設定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>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/89790.html
標籤：JavaScript
上一篇：17素材求下載
下一篇：就實驗室所用的CC2530模塊或CC2530黑色協調板上的按鍵SW1所對應的電路圖，分析按鍵觸發中斷時，我們設定中斷觸發方式是下降沿好，還是上升沿好？