问题:父级设置了display:flex,子级下面的dom节点个数会动态变化,每个子节点都是flex:1,会出现flex:1失效的问题。
解决方法:
css部分
.p-card{
width: 100%;
display: flex;
}
.item {
flex: 1;
overflow: hidden;
}
dom部分
<div class="p-card">
<div class="item" v-if="curActiveIndex!==4&&curActiveIndex!==5">
</div>
<div class="item">
</div>
</div>
![[LitCTF 2023]Ping、[SWPUCTF 2021 新生赛]error、[NSSCTF 2022 Spring Recruit]babyphp](https://img-blog.csdnimg.cn/direct/6b6d326308094e4d8c84e8a97574c3f4.png)

















