为什么在a标签中添加一张图片，图片下方和a标签的边界会有一些空隙？_html/css_WEB-ITnose

如上的代码，图片最下方并不是紧贴着a标签下边界的，会有一条缝隙，这是为什么呢？
a标签和img标签都是内联元素，我试了下，如果把a标签和img标签都设置成block，两个元素就会完全重合，如果只给a标签设置block，img图片下方和a标签下边界同样还是会有一条缝隙，还是搞不懂为什么，求大神解答！

回复讨论(解决方案)

可能没有完整的reset导致的。

可能没有完整的reset导致的。

还是一样额，还是有空隙的

我少写了个：img{vertical-align:middle;}
拷贝到本地运行看看。

可能没有完整的reset导致的。

完全??

如上的代码，图片最下方并不是紧贴着a标签下边界的，会有一条缝隙，这是为什么呢？
a标签和img标签都是内联元素，我试了下，如果把a标签和img标签都设置成block，两个元素就会完全重合，如果只给a标签设置block，img图片下方和a标签下边界同样还是会有一条缝隙，还是搞不懂为什么，求大神解答！

?空隙是?很?典的??，
原因其?非常的基本，
因??初?立??的不是?洲而是?洲，
inline 元素?了正?的?示英文字母像是 y j g ?有尾巴的
?在底下留空，?要依? font-size 去?定
?主如果a??任何文字，font-size可以?定? 0

?充：
?然??片的vertical-align 指定?非baseline也能解???
但?人是不建?，依???，?IE版在文字垂直置中有著「不一?的解?」

竟然是因为英文字母的尾巴，，，多谢楼上两位大神~