解決img標籤上下間隙問題

爲何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}