css 图标在基于 webkit 的浏览器上欺骗奇怪的行为
我的问题最好用 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 添加图标的常见技巧。但是，当前面只有一个空格时，图标不会显示在 mac os x（chrome 9 和 safari 5）上基于 webkit 的浏览器中。有谁知道如何使链接背景图像在 前面显示而没有两个空格（？？？）？
My issue is best explained with html code:
<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>
this is a common trick to add icons via css. However, icons do not show in webkit based browsers on mac os x (chrome 9 and safari 5) when there is only one preceding space. Does anyone know how to make an link background image appear without two spaces (???) in front of the <a> ?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
在链接内放置一个零宽度空格..
put a zero-width space inside the link..