使用CSS内容添加HTML实体

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

如何使用CSS content属性添加html实体？

使用这样的东西只打印  到屏幕而不是不间断的空间：

.breadcrumbs a:before {
    content: ' ';
}

---

#1楼

更新 ：PointedEars提到正确的立场为  在所有的CSS情况下
'\\a0 '暗示空间是十六进制字符串的终结符，并被转义序列吸收。 他进一步指出了这种权威的描述 ，这听起来像是我在下面描述和解决的问题的一个很好的解决方案。

您需要做的是使用转义的unicode。 尽管你已被告知\\00a0不是一个完美的替身，因为  在CSS中; 所以尝试：

content:'>\a0 ';          /* or */
content:'>\0000a0';       /* because you'll find: */
content:'No\a0 Break';    /* and */
content:'No\0000a0Break'; /* becomes No Break as opposed to below */

特别使用\\0000a0作为  。 如果您按照mathieu和millikin的建议尝试：

content:'No\00a0Break'   /* becomes No਋reak */

它将B转换为十六进制转义字符。 0-9a-fA-F也是如此。

---

#2楼

有一种方法来粘贴nbsp -开放CHARMAP和复制的字符160。 但是，在这种情况下，我可能会使用填充来填充它，如下所示：

.breadcrumbs a:before { content: '>'; padding-right: .5em; }

您可能需要设置breadcrumbs display:inline-block或者其他东西。

---

#3楼

使用十六进制代码表示不间断的空格。 像这样的东西：

.breadcrumbs a:before {
    content: '>\00a0';
}

---

#4楼

你必须使用转义的unicode：

喜欢

.breadcrumbs a:before {
    content: '\0000a0';
}

更多信息： http ： //www.evotech.net/blog/2007/04/named-html-entities-in-numeric-order/

---

#5楼

例如 ：

http://character-code.com/arrows-html-codes.php

示例：如果要选择角色，我选择“＆＃8620”“＆＃x21ac”（我们使用HEX值）

.breadcrumbs a:before {
    content: '\0021ac';
}

结果：↬

而已 ：）

来源：oschina

链接：https://my.oschina.net/u/3797416/blog/3143080