Question

css文字链接和背景图片的位置关系

我已经将链接设置为块元素，宽高也设置成了与背景图片相同大小，但是链接的文字内容始终处于背景图的顶端，只能左/右对齐或居中，但是不能按自己的意愿任意设置位置。用为图片添加文字的方法设置position属性，但是没有用，是不是这种方法不适用于链接啊？也尝试过设置padding属性来填充，但是也没有变化。请高手指点下，谢谢了。

Answer 1

这样写应该可以

a {
display:block; /* 只有设置为block才能有height、padding-bottom、padding-top，默认应该是inline */
width:50px;
height:50px;
background:url("****") center center no-repeate;
line-height:50px; /* 文字垂直居中的实现，设置为同height相同的值 */
padding: 10px 5px 20px 0; /* 如果是任意位置就用padding，不用line-height */

}

Answer 2

我也是新手，把你代码贴出来看下，一起研究。