css處理圖片下方留白問題

引用圖片的時候，圖片和下方內容會有一點小空白，大概如下圖紫色橫條：

不是說有margin還是padding，是因為ing是行級元素，瀏覽器就會默認留白了，這時候處理方法很簡單，給img加上樣式display:block就可以了。或者加上vertical-align: top;也可以的。