html - 删除 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;。请参阅此 jsFiddle 以获得更多帮助。

有关这方面的更多信息，请参阅W3C 关于行高的信息。