==背景
使用el-carousel做轮播效果,图片太多,显示不完全
==效果
循环的明明有8张,但是8张都显示不全

–审查元素中能够明显的看到图片是在页面上的
–审查的时候能发现这里是自带的高度

–走马灯 好像用了flex写的,这里伪类设置成BFC,可以不收到浮动影响(这我也不怎么懂,先留着)

–ps:走马灯这里一定要设置高度,不然300px太影响效果了。
就算图片够小,玩意是几十张图片呢,超出300px高度的图片都不会显示
本文探讨如何解决在使用el-carousel组件时,由于图片过多导致的显示不完整问题,重点在于调整走马灯高度策略和理解BFC伪类的应用,以确保轮播效果的完整性和视觉体验。
==背景
使用el-carousel做轮播效果,图片太多,显示不完全
==效果
循环的明明有8张,但是8张都显示不全

–审查元素中能够明显的看到图片是在页面上的
–审查的时候能发现这里是自带的高度

–走马灯 好像用了flex写的,这里伪类设置成BFC,可以不收到浮动影响(这我也不怎么懂,先留着)

–ps:走马灯这里一定要设置高度,不然300px太影响效果了。
就算图片够小,玩意是几十张图片呢,超出300px高度的图片都不会显示

被折叠的 条评论
为什么被折叠?