1、首先了解元素對齊標(biāo)準(zhǔn)
參考： 簡單說說vertical-align
參考：CSS–line-height和vertical-align

造成原因: 圖片的display屬性默認(rèn)inline,而這個屬性的vertical-align的默認(rèn)值是baseline.所以現(xiàn)圖片底部出現(xiàn)一塊小留白

解決： 給圖片加上 vertical-align：middle或bottom屬性，來調(diào)整對齊方式。

2、圖片與文字位置如下：

解決：

總結(jié)

以上是生活随笔為你收集整理的css 图片底部多出的空白的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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