如何使用CSS内容属性来添加HTML实体?
使用像这样的东西只是打印 返回到屏幕上,而不是不间断的空格:
.breadcrumbs a:before {
content: ' ';
}
如何使用CSS内容属性来添加HTML实体?
使用像这样的东西只是打印 返回到屏幕上,而不是不间断的空格:
.breadcrumbs a:before {
content: ' ';
}
当前回答
更新: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也是如此。
其他回答
使用十六进制代码表示不间断的空格。就像这样:
.breadcrumbs a:before {
content: '>\00a0';
}
你必须使用转义的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也是如此。
为了让答案更完整一点。如果您正在使用content: attr(aria-label);,那么您需要使用HTML实体而不是unicode转义。例如,使用 生成换行符。
这里有两种方法:
在HTML中: < div class = " ics”> & # 9969;< / div >
这将导致 ⛱
在Css中: .ics::before{内容:"\9969;"}
与HTML代码<div class="ics"></div>
这也导致了⛱