圖片img下方出現空隙，且找不到空隙被哪一個元素占用，無緣無故多了空隙，影響樣式設計，有以下幾種解決方法：

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

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

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

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

3,將img標簽放在一個span或者一個div標簽內，

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

或者

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

給img標簽display:block;可能會影響到圖片的text-align:center;居中樣式

4，改img添加background樣式，圖片四周會出現一個陰影框。但是在src引入地址之后，就會消失。

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。