因為img默認是按基線(baseline)對齊的。對比一下圖片和右邊的p, q, y等字母，你會發現這三個字母的“小尾巴”和圖片下方的空白一樣高。下面這張圖中的黑線就是那條基線。
要去掉空格可以使用vertical-align: bottom或將img標簽變為塊級元素。
至於什么是基線，還記得四線三格的英語寫字本么？中間第三條線就是基線。
---------------------
作者：lemdsdf
來源：CSDN
原文：https://blog.csdn.net/u013279840/article/details/52847426