div裡包含img底部必定多出空白的解決辦法

kimingw發表於2016-09-23

研究了很久,自己寫了js程式碼都解決不了。最後還是靠萬能的網友解決了這一問題!

問題:padding、margin、border都設為0,無效。怎麼樣都多出3px。

解決方案:

1、設定div{ font-size: 0}

2、設定img{ display: block}

3、設定img{ vertical-align:top;}

推薦第二種方法,讓img物件成為塊級元素。

相關文章