html - hr内容显示问号

标签 html css

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

但不是显示 §,而是显示

知道为什么吗?

谢谢

最佳答案

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

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

如果您绝对无法解决编码问题,请将 CSS 中的 "§" 替换为转义符号 "\A7"。可读性差很多,但无论编码是什么都有效。

关于该主题的一般建议:W3C 页面 Character encodings .

关于html - hr内容显示问号,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18153106/

相关文章:

javascript - 当<form> '.submit'函数被覆盖时获取数据到php(使用ajax)?

html - 为什么只是将 css 样式复制为新样式并引用新样式会导致图像不显示

javascript - 在我移动光标之前,jQuery 函数不响应 ".click"?

html - 将 z-index 应用于定制的 js 轮播插件

css - 深嵌结构复杂的div

javascript - jquery,改变表单 Action

javascript - 使用 jQuery 绑定(bind)动态元素时使用 CSS 选择器引用 self?

html - 更改 Bootstrap 元素的宽度

css - 使用 'px' 与 '%' 时顶部、右侧、底部、左侧 css 值的行为

css - 背景图片未完全显示