处理swiper父组件flex布局时, 会导致swiper布局错误

[klren0312]

没给父组件添加display: flex

添加后

处理方法

给子组件添加css

flex: 1;
width: 0;

参考资料

https://talk.ninghao.net/t/qing-jiao-ge-flexbox-bu-ju-shi-yong-swiper-hou-chu-xian-de-wen-ti-~~/3441/9

[klren0312]

如果设置了width并且这个width的大小小于平均分配的剩余空间大小时,则会平均分配的剩余空间;

因此平均的剩余空间大小等于 = 父元素的宽度 / 元素的个数

所以直接设置width为0可以保证元素宽度平分父元素宽度