?

方案一:div{font-size:0};
方案二:img{?display:block};
方案三:img{vertical-align:top;}
方案四：div{?margin-bottom:-3px?};

?

為什么會有間距呢？

根本原因在于img標簽為inline元素，該元素默認垂直對齊方式為以父元素的baseline，但是展示時又是以bottomline為對齊方式，因此造成了上下兩個img標簽之間的間隙。

解決方法說明

1、將其改變為block元素，但是該方法太過粗暴，相當于從根本上改變了img。

img { display:block}; 2、?改變其垂直對齊方式? ? img {vertical-align:top;} 3、把父元素的文字大小設置為0 div {font-size:0}; 4、這個方法不推薦 div { margin-bottom:-3px };

?

轉載于:https://www.cnblogs.com/-rainbow-/p/9485242.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的如何消除img默认的间距的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。