使用CSS内容添加HTML实体

HTML

Stafan小哥

2020-03-15

如何使用CSS content属性添加HTML实体?

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

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

第1628篇《使用CSS内容添加HTML实体》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
HarryGO理查德 2020.03.15

有两种方法:

  • 在HTML中:

    <div class="ics">&#9969;</div>

这将导致⛱

  • 在CSS中:

    .ics::before {content: "\9969;"}

带有HTML代码 <div class="ics"></div>

这也导致⛱

飞云LEY 2020.03.15

在CSS中,您需要使用Unicode转义序列代替HTML实体。这是基于字符的十六进制值。

我发现将符号转换为等效的十六进制最简单的方法是,例如从▾(&#9662;\25BE到使用Microsoft计算器=)

是。启用程序员模式,打开十进制系统,输入9662,然后切换到十六进制,您将得到25BE然后只需\在开头添加反斜杠即可。

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android