nbsp not working in CSS content tag
Possible Duplicate:
Adding HTML entities using CSS content
1 2 3 4
| #sitenavmenu-content-menu li:before
{
content:"| ";
} |
我想在每个列表项前添加一个和两个空格。但是,由于某种原因,它打印的是单词nbsp,而不是空格。有什么想法吗?
- 有时最好的选择是"开始时没有管道",所以li:not(:first-child):before
这可能是您正在寻找的答案:
- 您忘记了管道字符:content:" 07c 0a0 0a0";尽管只是:content:" 07c";并且一点右边距可能更具可伸缩性。
- "\7C\a0\a0"也将起作用。
- 你为什么要逃出江户记1〔1〕?
- 感谢您提供此解决方案。我在类似的情况下使用过它……我有一个ID,里面有一个不间断的空格:。为了在CSS中实现这一目标,我需要使用#Hello\00a0World,然后它工作了。
- 我建议:content:"\007c"; margin-right: 2ch;,因为2ch是当前字体"0"字符宽度的两倍。参见MDN文章和caniuse.com
- @oriol,现在大部分网页是utf-8,而\00是"安全的utf-8表示"。
- @TwisterRob,好问题。您不需要进行转义,最好将可见字符表示为UTF-8格式。content:"|\00a0\00a0";
- oops,参见benchmark,secure是3个0,\0000a0,以避免在将内容混合为cotentent:"|\0000a0Break"表示"中断"时出现解析问题。
- 如果您只需要 ;,那么EDOCX1[9]
通过将字符映射中的不间断空格复制和粘贴到我的代码编辑器中来修复它。