這篇文章給大家分享的是有關(guān)如何解決HTML5中圖片之間縫隙的問題的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

成都創(chuàng)新互聯(lián)公司專注于林州企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站,商城網(wǎng)站建設(shè)。林州網(wǎng)站建設(shè)公司,為林州等地區(qū)提供建站服務(wù)。全流程按需開發(fā)，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，成都創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)

在做h6的項(xiàng)目，碰到了一個(gè)百思不得其解的問題，幾個(gè)img標(biāo)簽中間有大約3px的空隙

如圖：

后來百度查了一番，大致了解了原因，是因?yàn)闉g覽器把元素當(dāng)成了字，空隙是給一些對(duì)齊字母后仍然長(zhǎng)出一截的（例如j,g）預(yù)留的。也找到了幾種解決方法，親測(cè)可行。

1，把body的font-size 設(shè)置成0；
 

這樣做的時(shí)候要記得下面寫div的時(shí)候給元素指定字號(hào)。

2,把

寫成

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

感謝各位的閱讀！關(guān)于“如何解決HTML5中圖片之間縫隙的問題”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！