0

タグ 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;

それは仕事ですが、どのようにスペースが来るのですか？line-height を試してみましたが、うまくいきません

最新のアップデート

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

4

2 に答える 2

0

それを行う別の方法...お互いをもっと近づけたい場合...

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

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

于 2013-07-11T03:22:59.870 に答える
0

タグにパディング値を指定しているため、スペースがあり、このパディング値を削除してもスペースが表示されます。このためfloat:left;に、タグにスタイリングを与えることができます。

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

デモ

于 2013-07-11T03:08:32.630 に答える