标记在html中占用一些额外的空间

Question

我在一个标签内放了一个图像.但是当我给图像和标签边框时.A标签需要额外的空间.它不是围绕着图像.如何通过"a"标记来克服这些额外的空间.我用红线表示标签.

我的HTML:

<a href="#"><img src="http://img165.imageshack.us/img165/1043/burnhr6.png"/></a>

CSS:

img
{
    border:1px solid black;
}
a
{
    border:1px solid red;
}

http://jsfiddle.net/rEPXY/2/

Answer 1

这是你想要的东西吗？

a
{
    border:1px solid red; display:inline-block; line-height:0;
}