【问题标题】:nbsp not working in CSS content tag [duplicate]nbsp 在 CSS 内容标签中不起作用 [重复]
【发布时间】:2011-02-27 06:11:16
【问题描述】:

可能重复:
Adding HTML entities using CSS content

#sitenavmenu-content-menu li:before
{
    content:"|  ";
}

我想添加一个 |和每个列表项之前的两个空格。但是,由于某种原因,它会打印单词 nbsp 而不是空格。有什么想法吗?

【问题讨论】:

  • 有时最好的选择器是"no pipe at begin",所以li:not(:first-child):before

标签: css


【解决方案1】:

这可能是您正在寻找的答案:

content: "|\00a0\00a0";

【讨论】:

  • 你忘记了竖线字符:content:"\007C\00a0\00a0";虽然只是: content:"\007C";一点边距权利可能更具可扩展性
  • "\7C\a0\a0" 也可以。
  • 为什么要转义|
  • @TWiStErRob ,好问题。您不需要转义,用 UTF-8 表示可见字符是一种很好的做法content: "|\00a0\00a0";
  • 如果你只需要 ,那么content: "\a0"
【解决方案2】:

通过将字符映射中的不间断空格复制并粘贴到我的代码编辑器中来修复它。

【讨论】:

  • 有效,但我不会那样做。太容易坏了。
  • 这个也可以
猜你喜欢
  • 1970-01-01
  • 2015-04-15
  • 1970-01-01
  • 2014-08-30
  • 2023-03-28
  • 2015-12-22
  • 1970-01-01
  • 2018-12-04
  • 1970-01-01
相关资源
最近更新 更多