新聞中心
這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
如何解決HTML5中圖片之間縫隙的問(wèn)題-創(chuàng)新互聯(lián)
這篇文章給大家分享的是有關(guān)如何解決HTML5中圖片之間縫隙的問(wèn)題的內(nèi)容。小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過(guò)來(lái)看看吧。
在做h6的項(xiàng)目,碰到了一個(gè)百思不得其解的問(wèn)題,幾個(gè)img標(biāo)簽中間有大約3px的空隙
如圖:
后來(lái)百度查了一番,大致了解了原因,是因?yàn)闉g覽器把元素當(dāng)成了字,空隙是給一些對(duì)齊字母后仍然長(zhǎng)出一截的(例如j,g)預(yù)留的。也找到了幾種解決方法,親測(cè)可行。
1,把body的font-size 設(shè)置成0;
這樣做的時(shí)候要記得下面寫(xiě)div的時(shí)候給元素指定字號(hào)。
2,把
寫(xiě)成
也就是說(shuō),把img標(biāo)簽寫(xiě)在同一行,中間不要有空格;
感謝各位的閱讀!關(guān)于“如何解決HTML5中圖片之間縫隙的問(wèn)題”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí),如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!
分享標(biāo)題:如何解決HTML5中圖片之間縫隙的問(wèn)題-創(chuàng)新互聯(lián)
標(biāo)題網(wǎng)址:http://fisionsoft.com.cn/article/dsgopg.html