为什么img标签上下会有间隙?
根本原因在于img标签为inline元素。
该元素默认垂直对齐方式为以父元素的baseline,但展示时又是以bottomline为对齐方式,因此造成了上下两个img标签之间的间隙。
解决方法:
(1)img{display:block}
将其改变为block元素,但是该方法太粗暴,相当于从根本上改变了img
(2)img{vertical-align:top}
改变其垂直对齐方式
(3)div{font-size:0}
把父元素的文字大小设置为0
设置img在div中等比缩放
img{0;height:0;max-100%;max-height:100%}
img{max-height:60px;max-60px}