方案一:div{font-size:0};
方案二:img{ display:block};
方案三:img{vertical-align:top;}
方案四：div{ margin-bottom:-3px };
1.為什么img標簽上下會有間隙？。
方案二:img{ display:block};
方案三:img{vertical-align:top;}
方案四：div{ margin-bottom:-3px };
1.為什么img標簽上下會有間隙？。
根本原因在於img標簽為inline元素，該元素默認垂直對齊方式為以父元素的baseline，但是展示時又是以bottomline為對齊方式，因此造成了上下兩個img標簽之間的間隙。
2.如何解決？
（1）img{ display:block};
將其改變為block元素，但是該方法太過粗暴，相當於從根本上改變了img。
（2）img{vertical-align:top;}
改變其垂直對齊方式
（3）div{font-size:0};
把父元素的文字大小設置為0
（4）div{ margin-bottom:-3px };
這個方法不推薦