Elementui Tabs option display problem

<el-tabs v-model="activeName2" type="card" @tab-click="handleClick">
    <el-tab-pane label="" name="first"></el-tab-pane>
    <el-tab-pane label="" name="second"></el-tab-pane>
    <el-tab-pane label="" name="third"></el-tab-pane>
    <el-tab-pane v-if="a==1" label="" name="fourth"></el-tab-pane>
  </el-tabs>

I want to use tab tabs on mobile pages. By default, there are 4 tab tags and 4 equal divisions. Under certain conditions, the scheduled task compensates that this tab tab needs to be hidden, but at this time, the other three have no 3-equal pages and still maintain the width of 4-equal time. How should this be handled

Mar.12,2022

try adding stretch

<el-tabs v-model="activeName2" type="card" stretch @tab-click="handleClick">
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e58e6e-5a538.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e58e6e-5a538.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?