圖片之間有縫隙怎么辦

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

息縣網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián),息縣網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為息縣上千多家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)營銷網(wǎng)站建設(shè)要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的息縣做網(wǎng)站的公司定做！

                                                           在h項(xiàng)目中，幾個(gè)img標(biāo)簽中間有大約3px的空隙 ，效果非常不好那么如何解決呢？下面小編給大家分享HTML5中圖片之間的縫隙完美解決方法，需要的的朋友參考下吧，希望能幫助到大家。

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

如圖：

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

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

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

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標(biāo)簽寫在同一行，中間不要有空格；

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

分享標(biāo)題：圖片之間有縫隙怎么辦
文章轉(zhuǎn)載：http://muchs.cn/article42/jcpehc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、外貿(mào)建站、網(wǎng)站排名、企業(yè)建站、服務(wù)器托管、網(wǎng)頁設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)