圖片img下方出現(xiàn)空隙，且找不到空隙被哪一個(gè)元素占用，無(wú)緣無(wú)故多了空隙，影響樣式設(shè)計(jì)，有以下幾種解決方法：

1，給<img>元素添加樣式：display:block;

<img src="../img/banner_index.png"/>

2,給<img>元素添加樣式：vertical-align:bottom，vertical-align:middle，vertical-align:top三個(gè)其中一個(gè)

<img src="../img/banner_index.png"/>

3,將img標(biāo)簽放在一個(gè)span或者一個(gè)div標(biāo)簽內(nèi)，

<span>
? ? ?<img src="../img/banner_index.png">
</span>

或者

<div>
? ? <img src="../img/banner_index.png">
</div>

給img標(biāo)簽display:block;可能會(huì)影響到圖片的text-align:center;居中樣式

4，改img添加background樣式，圖片四周會(huì)出現(xiàn)一個(gè)陰影框。但是在src引入地址之后，就會(huì)消失。

總結(jié)

以上是生活随笔為你收集整理的HTML5 图片下边界出现空隙，css去除空隙的解决方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。