删除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。