溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

怎么解決H5里圖片中有縫隙的問題

發(fā)布時(shí)間：2020-09-28 15:31:08 來源：億速云 閱讀：94 作者：小新 欄目：web開發(fā)

這篇文章主要介紹怎么解決H5里圖片中有縫隙的問題，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

最近做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 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)簽寫在同一行，中間不要有空格；

以上是怎么解決H5里圖片中有縫隙的問題的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手