图片img之间出现白色底边的问题

问题：公司的小程序商品详情页出现了图片之间出现白色间隙的问题

分析：

我们设置的图片是inline-block,因为还是有inline的成分，inline元素默认是baseline对齐的。当baseline对齐的时候 下方会有4px 的空隙。

解决：

vertical-align: top;

margin-bottom: -1px !important;

调整图片的对齐方式为top，但还是有近乎1px的间隙，所以只能强制抵消-1px的边距

参考链接：

1.如何解决img出现白色底边

https://blog.csdn.net/weixin_43906597/article/details/85196045

2.从 image 底部白边初识 line-height

https://leeon.im/image-and-line-height/

3.小程序 image跟view标签上下会有间隙

https://www.jianshu.com/p/dc590c9b2695