CSS:在上标“6”之前?

时间:2013-11-13 14:30:44

标签: css unicode pseudo-element css-content

有没有办法添加上标" 6"进入"内容"伪元素的CSS属性?我已经遍布整个网络,尝试使用不同的Unicode字符串和字形代码来尝试使其工作,但尚未找到解决方案。

谢谢!

编辑: 很抱歉没有澄清......我需要把上标" 6"在同一"内容"中的其他文本中属性。看起来我需要为我的CSS定义一个不同的编码并将其作为文字字符放入。

3 个答案:

答案 0 :(得分:4)

还有另一种解决方案,如this fiddle

element:before{
    content:'6'; 
    vertical-align: super; /* make superscript */
    font-size:8px;
}

答案 1 :(得分:3)

The obvious way does work, in fact

span:before {
    content: "⁶";
}

尽管如此,您可能必须小心使用和指定的编码。

正如BoltClock所提到的,如果编码问题是一个问题,你也可以将角色转义为\2076(例如,如果你的服务器强制遗留代码页而你无法改变它)。

答案 2 :(得分:2)

element:before {
    content: "6";
    font-size: 0.5em;
    vertical-align: top;
}