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

• Z时代
• 2024-01-10
• 分类：技术分享

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

回答

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

版本过老的建议更新一下版本 在2.4.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;
}

以上是 【Vue】element tabs 怎么把每个条目标题的宽度扩展为总宽度的1/3？ 的全部内容， 来源链接： utcz.com/a/76621.html