如何使用CSS内容属性来添加HTML实体?

使用像这样的东西只是打印 返回到屏幕上,而不是不间断的空格:

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

当前回答

有一种方法可以粘贴一个nbsp -打开CharMap并复制字符160。然而,在这种情况下,我可能会用填充来分隔它,就像这样:

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

您可能需要设置面包屑显示:内联块或其他东西。

其他回答

例如:

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

例子:如果你想选择你的角色,我选择“&#8620”“&#x21ac”(我们使用十六进制值)

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

结果:↬

就是这样。

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

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

有一种方法可以粘贴一个nbsp -打开CharMap并复制字符160。然而,在这种情况下,我可能会用填充来分隔它,就像这样:

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

您可能需要设置面包屑显示:内联块或其他东西。

你必须使用转义的unicode:

Like

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

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

更新: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也是如此。