使用CSS内容添加HTML实体

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

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

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

当前回答

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

我发现将符号转换为其十六进制等值的最简单方法是，例如从\ \(▾)到\25BE是使用微软计算器=)

是的。启用程序员模式，打开十进制，输入9662，然后切换到十六进制，你会得到25BE。然后在开头加一个反斜杠\。

其他回答

这里有两种方法:

在HTML中: < div class = " ics”> & # 9969;< / div >

这将导致 ⛱

在Css中: .ics::before{内容:"\9969;"}

与HTML代码<div class="ics"></div>

这也导致了⛱

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

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

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

我发现将符号转换为其十六进制等值的最简单方法是，例如从\ \(▾)到\25BE是使用微软计算器=)

是的。启用程序员模式，打开十进制，输入9662，然后切换到十六进制，你会得到25BE。然后在开头加一个反斜杠\。

我知道这是一个相当老的帖子，但如果间距是你所追求的，为什么不简单地:

.breadcrumbs a::before {
  content: '>';
  margin-left: 8px;
  margin-right: 8px;
}

我以前用过这种方法。在我的测试中，它完全可以与“>”并排的其他行自动换行。

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

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

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

推荐文章