前言

最近在使用swiper时遇到了如下问题,轮播图片衔接处有白边

swiper轮播切换时图片衔接处有白边的解决方法

然后我发现原因是swiper-slide这个类加了margin-right:10px

swiper轮播切换时图片衔接处有白边的解决方法

接着我尝试新增一个类,然后写样式覆盖原样式,但却出现了类似下图样式问题

swiper轮播切换时图片衔接处有白边的解决方法

 

解决方法

因为配置了spaceBetween,而它的作用就是设置图片之间的间距,所以删掉该配置即可

swiper轮播切换时图片衔接处有白边的解决方法

 

官方截图

swiper轮播切换时图片衔接处有白边的解决方法

 

相关文章: