在h5六人牛牛開發h5.ttkmwl.com項目中，幾個牌之間標簽中間有大約3px的空隙 ，效果非常不好那麽如何解決呢？

下面小編給大家分享HTML5中圖片之間的縫隙完美解決方法，需要的的朋友參考下吧，希望能幫助到大家。

最近做h5六人牛牛開發h5.ttkmwl.com的項目，碰到了一個百思不得其解的問題，幾個img標簽中間有大約3px的空隙

如圖：

圖片之間有空隙微信房卡神獸大廳源碼搭建(官網：h5.ttkmwl.com)H5房卡牛牛租用

後來百度查了一番，大致了解了原因，是因為瀏覽器把元素當成了字，空隙是給一些對齊字母後仍然長出一截的（例如j,g）預留的。也找到了幾種解決方法，親測可行。

1，把body的font-size 設置成0；

這樣做的時候要記得下面寫p的時候給元素指定字號。

2,把

<img src="assets/img/turntable/lucky-turntable_07.jpg">
<img src="assets/img/turntable/lucky-turntable_11.png" >
<img src="assets/img/turntable/lucky-turntable_08.jpg">

寫成

<img src="assets/img/turntable/lucky-turntable_07.jpg"><img src="assets/img/turntable/lucky-turntable_11.png"><img src="assets/img/turntable/lucky-turntable_08.jpg">

也就是說，把img標簽寫在同一行，中間不要有空格；

微信h5六人牛牛開發中圖片之間的縫隙解決方法