H5裡圖片中有縫隙該如何解決

這次帶給大家H5裡圖片中有縫隙應該如何解決，解決H5圖片中縫隙的注意事項有哪些，下面就是實戰案例，一起來看一下。

最近做h5的項目，碰到了一個百思不得其解的問題，幾個img標籤中間有大約3px的空隙

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

1，把body的font-size 設定成0;

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

2,把

<img  src="/static/imghwm/default1.png"  data-src="assets/img/turntable/lucky-turntable_07.jpg"  class="lazy"   alt="H5裡圖片中有縫隙該如何解決" >
  <img  src="/static/imghwm/default1.png"  data-src="assets/img/turntable/lucky-turntable_11.png"  class="lazy"    alt="H5裡圖片中有縫隙該如何解決" >
  <img  src="/static/imghwm/default1.png"  data-src="assets/img/turntable/lucky-turntable_08.jpg"  class="lazy"   alt="H5裡圖片中有縫隙該如何解決" >

寫成

<img  src="/static/imghwm/default1.png"  data-src="assets/img/turntable/lucky-turntable_07.jpg"  class="lazy"   alt="H5裡圖片中有縫隙該如何解決" ><img  src="/static/imghwm/default1.png"  data-src="assets/img/turntable/lucky-turntable_11.png"  class="lazy"   alt="H5裡圖片中有縫隙該如何解決" ><img  src="/static/imghwm/default1.png"  data-src="assets/img/turntable/lucky-turntable_08.jpg"  class="lazy"   alt="H5裡圖片中有縫隙該如何解決" >

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

相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

H5中​​視訊與音訊標籤和進度條如何使用

##H5與C3的新交互特性有哪些

H5的區塊層級標籤總和

以上是H5裡圖片中有縫隙該如何解決的詳細內容。更多資訊請關注PHP中文網其他相關文章！