在图像链接上获得一些空间

Question

我在标签a上有一些空格

<div id="language">
    <a href="#"><img src="http://s23.postimg.org/xbv9ppqhj/language1.png" border="0" /></a>
    <a href="#"><img src="http://s23.postimg.org/q9xc3imvr/language2.png" border="0" /></a>
    <a href="#">lol</a>
</div>

#language a
{
    padding: 0 2px;
    height:21px;
}
#language a img
{   
    line-height:0;
}

http://jsfiddle.net/yokosatan/zcw7u/

我如何获得空间？

编辑：发现了类似的问题并尝试添加

vertical-align:middle;

这是工作，但空间是怎么来的？我尝试行高，它不起作用

最新更新

http://jsfiddle.net/yokosatan/zcw7u/1/

Answer 1

你给你的标签赋予了一个填充值，所以它有一个空格，即使你删除了这个填充值，你也可以看到一些空格。为此，您可以为您的标记添加样式float:left;。

#language a
{
    paddi/ng: 0 2px;
    height:21px;
    float: left;
}

Demo

Answer 2

另一种方法......如果你想让它更接近彼此......

#language a
{
    padding: 0 2px;
    height:21px;
    margin-left:-6px;
}

http://jsfiddle.net/yokosatan/zcw7u/1/