我的问题最好用html代码来解释：
<html><body>
noicon <a href="http://www.stackoverflow.com" style="padding-left:20px; background: url(http://cdn.sstatic.net/stackoverflow/img/tag-adobe.png) no-repeat center left;"></a>
<br />
icon <a href="http://www.stackoverflow.com" style="padding-left:20px; background: url(http://cdn.sstatic.net/stackoverflow/img/tag-adobe.png) no-repeat center left;"></a>
</body></html>
这是通过css添加图标的常见技巧。然而，当只有一个前面的空格时，图标不会在macosx（chrome9和safari5）上基于webkit的浏览器中显示。有人知道如何在<a>前面没有两个空格（？？？）的情况下显示链接背景图像吗？
在链接内放一个零宽度的空格。。
​
<a href="http://www.stackoverflow.com" style="padding-left:20px; background: url(http://cdn.sstatic.net/stackoverflow/img/tag-adobe.png) no-repeat center left;">​</a>