删除A标记中的填充

Question

为什么我会得到这个奇怪的填充物，如何将其删除？

<div style="border: 1px solid black;">
<a href="?lang=ru" ><img  src="http://top-5ive.net/images/flags/ru.png" alt=""></a>
</div>​

http://jsfiddle.net/uE9F6/1/

Answer 1

这是因为line-height大于旗帜的图像。指定line-height:11px;。 See this jsFiddle for more help

有关详细信息，请参阅W3C's information on the height of a line。