添加图像以与CSS链接

Question

我有一些网址,我想添加相同的图像.我有以下代码:

a.linkArrow
{ 
    background: transparent url('../images/abc.png') no-repeat center right;
    padding-right: 60px;
}

一个链接示例:

<a class="inkArrow" href="#abc">Abc?</a>

问题是,图像显示在链接文本的左侧.我希望图像始终显示在文本的右侧,并且从链接文本的起始位置到图像的起始位置的距离始终相同.因此,当我连续多个链接时,链接的图像对齐.图像应该是可点击的并且与链接指向相同的URL(我不确定是否可以将它包含在此方法的相同标记中.

有任何想法吗？

Answer 1

它是"右中心"而不是"中右"看例子:http://jsfiddle.net/bingjie2680/ZtLCA/

当你希望它们在文本链接和图像之间的距离相同时,它也可以工作,请参阅示例:http://jsfiddle.net/bingjie2680/ZtLCA/1/