有的時(shí)候我們希望標(biāo)簽頁在頁面中居中顯示绳矩，例如這樣：
居中顯示
element官網(wǎng)默認(rèn)是這樣的
默認(rèn)顯示
修改方法：在
el-tabs標(biāo)簽中設(shè)置stretch屬性堕义，例如下面這樣：
<el-tabs v-model="activeName"
stretch
@tab-click="handleClick">
<el-tab-pane label="用戶管理"
name="first">
<div style="width:100%;height:100%;border:1px red solid">用戶管理</div>
</el-tab-pane>
<el-tab-pane label="配置管理"
name="second">
<div style="width:100%;height:100%;border:1px red solid">配置管理</div>
</el-tab-pane>
<el-tab-pane label="角色管理"
name="third">
<div style="width:100%;height:100%;border:1px red solid">角色管理</div>
</el-tab-pane>
<el-tab-pane label="定時(shí)任務(wù)補(bǔ)償"
name="fourth">
<div style="width:100%;height:100%;border:1px red solid">定時(shí)任務(wù)補(bǔ)償</div>
</el-tab-pane>
</el-tabs>
但是我現(xiàn)在不希望他占據(jù)一整行哀军，只占據(jù)頁面的50%弄痹，然后居中顯示勾效，例如這樣：
50%居中
修改方法為重寫
el-tabs__header樣式即可：
.el-tabs__header {
margin-left: auto;
margin-right: auto;
width: 50%;
}
