css解决图片底部留白问题
在循环商品详情图片时,发现每个图片有白色间隔,但是并没有设置margin,padding
SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。
造成原因:
图片的display属性默认inline,而这个属性的vertical-align的默认值是baseline.所以就会出现上图的情况(图片底部出现一个小留白区域)
解决方法:
将img的vertical-align设置为middle

更多精彩
在循环商品详情图片时,发现每个图片有白色间隔,但是并没有设置margin,padding
SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。
造成原因:
图片的display属性默认inline,而这个属性的vertical-align的默认值是baseline.所以就会出现上图的情况(图片底部出现一个小留白区域)
解决方法:
将img的vertical-align设置为middle