圖片下方出現多3px的原因及解決方法

產生原因：主要是因為圖片的垂直對齊方式vertical-align引發的，默認值是baseline，默認為此值時圖片下方就會多出3px。

解決方案：

1.將圖片的垂直對齊方式vertical-align的值設置為bottom，就可以解決這個問題。

2.將圖片display設置為block，並且指定width和height。

3.設置圖片所在的容器元素和width和height與圖片一樣。