为什么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{width:0;height:0;max-width:100%;max-height:100%}

img{max-height:60px;max-width:60px}