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

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

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

解決方案：

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

2、設定img{ display: block}

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

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