你如何使用CSS content属性添加html实体?
使用这样的东西只是打印 到屏幕而不是不间断的空间:
.breadcrumbs a:before {
content: ' ';
}
Run Code Online (Sandbox Code Playgroud) 可能重复:
使用CSS内容添加HTML实体
#sitenavmenu-content-menu li:before
{
content:"| ";
}
Run Code Online (Sandbox Code Playgroud)
我想添加一个| 每个列表项前有两个空格.但是,出于某种原因,它打印的是nbsp而不是空格.有任何想法吗?
我在 CSS 中看到了这个
.breadcrumb > li + li:before {
padding: 0 5px;
color: #ccc;
content: "/\00a0";
}
Run Code Online (Sandbox Code Playgroud)
有人可以解释它的含义以及它是如何工作的。
我的代码是这样的:
<li>
<a href="xxx">
Home
</a>
</li>
<li class="active">xxx</li>
Run Code Online (Sandbox Code Playgroud)
我怎样才能在不使用 CSS 的情况下实现同样的事情呢?我可以在两者之间添加一个“/”吗<li>?我尝试添加 a<span>/</span>但它说我不能在 li 内有跨度。