html - 添加图像以使用 CSS 链接

Question

我有一些要添加相同图像的 URL。我有以下代码:

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/