解決div裏面img標籤後面跟着空白符

 

直接在div裏面添加img標籤有一個坑，img的高度會莫名添加幾個像素的高度，查詢以後才知道原來css2出現的問題。

引發這個問題原來是img標籤默認基線引發的，vertical-align:baseline

解決辦法

一、調整基線：vertical-align:middle

二、直接把img變成塊狀元素：display:block;