Question

请教下CSS中a标签背景图片不能完全显示的问题

代码如下：
<div id="rss_gz">
<label>关注我们：</label>
<a id="rss_sina">新浪微博</a>
<a id="rss_tencent">腾讯微博</a>
</div>
我知道将a设置为块级元素，图片可以完整显示，但这样会换行了，请问我应该怎么写CSS？

Answer 1

怎么写都可以，要看你喜欢哪种写法了

1、转化为区块是可以的，加上适当的width和height，然后只要一个float:left;就可以了。
2、或者直接在HTML直接加图片<img src="图片连接" alt="图片描述" /> 这样也是可以的。

因为你这里使用了a标签，a标签本身属于内联元素，你要加入的背景图片本身具有固定的width和height，所以，最终你还是要转换为区块来给他们加上宽度和高度才行！

我是最晚回答的，但真心十分希望帮助到你！

Answer 2

一种是将display设为inline-block，再设置合适的宽高即可，如：
a {
width: 100px;
height: 30px;
line-height: 30px;
text-align: center;
display: inline-block;
}
另一种方法就是设置padding来撑大容器，当然将display设为block，再用浮动也可以实现。

Answer 3

你好！
如果设置为块的话，那么默认是独占一行的，你必须设置 浮动来解决，而在IE6里如果你设置为块而不设置宽度的话会认为是整行的宽度，那么试试这样解决下:
#rss_gz a{display:block;float:left;width:100px;height:25px;line-height:35px;padding-left:20px}
这样设置后你可以对这个a标签的ID设置不同背景，当然这里的a设置了左浮动，DIV id=rss_gz会有问题的，可设置 这个DIV的高和 overflow:hidden;解决：
#rss_gz{height:25px;overflow:hidden;}
你试试吧。希望帮到你！