【问题标题】:How can I include a HTML-encoded "content:" character in CSS? [duplicate]如何在 CSS 中包含 HTML 编码的“内容:”字符? [复制]
【发布时间】:2011-10-30 03:35:36
【问题描述】:

可能重复:
Adding HTML entities using CSS content

我有以下设置

CSS:

.header:before {
    content: "«";
}

.header:after {
    content: "»";
}

HTML:

<h3 class="header">Hello, this is some text which should be wrapped.</h3>

我只想将标头中写入的任何内容包裹在 « (&amp;laquo;) 和 » (&amp;raquo;) 中。如何在 CSS 中完成这项工作?它目前显示为:

«你好,这是一些应该被换行的文本。 »

而不是:

« 你好,这是一些需要换行的文本。 »

【问题讨论】:

    标签: html css


    【解决方案1】:

    CSS 中不能使用 HTML 实体,但可以使用 Unicode 十六进制转义,例如

    span.url:before { content: "\27e8" }
    span.url:after { content: "\27e9" }
    

    (来自我自己的样式表之一——在十六进制代码点中查找您想要的确切字符)。请注意,与其他一些符号不同,十六进制数字直接跟在反斜杠后面,没有干预 u

    【讨论】:

    • 不错的一个!我不知道。
    • 但是如何获得这些 un​​icode 代码?它似乎与字符的数字代码不同。 ↓是向下箭头,但 \8595 是一些汉字。像这样的帖子有一百万个。在所有这些中,有人说“为那个角色使用这个代码”,但没有人解释你是如何得到这些代码的。
    • @l008com:它只是将 Unicode 代码点作为 base-16 数字的四个十六进制数字,就像可以在 Unicode 标准的代码图表中查找一样。 XML/HTML &amp;# 实体默认使用 base 10,因此任何特定代码点的数字都将不同于 base 16 表示。
    猜你喜欢
    • 1970-01-01
    • 2021-06-08
    • 2023-03-30
    • 2012-01-07
    • 1970-01-01
    • 2016-05-08
    • 1970-01-01
    • 1970-01-01
    • 2012-06-02
    相关资源
    最近更新 更多