Css 添加与最后一个单词断开的链接图标？

是否可以在与最后一个单词断开的链接后添加图标

：在

和内容之后都会在Chrome中中断

测试：

对于标记

，请使用以下CSS代码：

a.after:after {
    content: '\feff' url('...');
    padding-left: 4px;
    white-space: nowrap;
}

添加

'\feff'

意味着添加U+feff零宽度不间断空格，这是一个不可见的控制字符，可防止前后换行。这在Chrome和IE上有帮助，但在Firefox上没有。添加

空白：nowrap

处理Firefox上的问题；这是不合逻辑的，因为根据定义，它只能防止伪元素内部的换行，问题是正常内容和伪元素之间的换行，因为它有帮助，让我们在这里使用它

---

更常见的方法是添加一个图标作为位于右侧的

A

元素的背景图像。这避免了换行问题。

检查html的语法。我可以看出它有很多错误。这些只是例子！没关系。它仍然会影响浏览器的显示方式。对不起，你的评论完全没有用。这些只是测试链接。这是您的正确html:

您在问一个关于样式的问题。如果html的语法无效，它将无法在浏览器中正确显示。给我们您实际将要使用的html。为了测试目的而使用无效html有什么意义？非常感谢！我不知道U+FEFF。我的链接应该在右边有一个图标，在左边有两个图标，所以

background

已经被使用了。我还发现通过CSS3设置多个背景图像。