element tabs 怎么把每个条目标题的宽度扩展为总宽度的1/3？

Question

element tabs 怎么把每个条目标题的宽度扩展为总宽度的1/3？

Answer 1

2.4之前的版本：

<el-tabs class='is_stretch'></el-tabs>

.is_strech .el-tabs__nav {
  min-width: 100%;
  display: flex;
}
.is_strech .el-tabs__nav >*
{
    flex: 1;
    text-align: center;
}

Answer 2

版本过老的建议更新一下版本 在2.4.1之后的版本才有平均宽度这一属性

Answer 3

在<el-tabs></el-tabs>中添加:stretch=true