hr内容显示问号

Question

hr.style-eight:after {
    content: "§";
    display: inline-block;
    position: relative; 
    top: -0.7em;  
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}

但它显示§而不显示�

任何想法为什么？

由于

Answer 1

可能的解释是，尽管HTML文档声明是UTF-8编码的，但实际上并非如此。它可能是windows-1252编码的，并且当处理假定的UTF-8数据时遇到“§”的windows-1252编码表示时，它构成字符数据错误。浏览器指示错误的常见且推荐的方式是“ ”REPLACEMENT CHARACTER。

要解决此问题，请确保声明的和实际的字符编码匹配。与您使用的编码相关性较低，但在其他条件相同的情况下，最好使用UTF-8。因此，您需要一个编辑器或其他创作工具，实际上可以将数据保存为UTF-8编码。

如果您无法解决编码问题，请使用转义符号"§"替换CSS中的"\A7"。可读性差得多，但无论编码是什么都可以。

关于该主题的一般性建议：W3C页面Character encodings。