css - 将文本放在 unicode 字符上方并更改 unicode 字符的宽度

Question

我想把一个字符串放到unicode字符上面。

类似于:

所以我必须做两件事:

1) change the width of the unicode character
2) put the string above the unicode character

这是我的 jsfiddle:

http://jsfiddle.net/alonshmiel/EXCU8/32/

这是我的CSS:

font.sub-menu-item:before {
    content: "\21C0";
    width:200px;
}

div.upperChar {
    padding-top:30px;    
}

Answer 1

您需要设置字体的大小。您可以使用 margin 控制它的位置。

jsFiddle Demo

font.sub-menu-item:before {
    content: "\21C0";
    font-size: 170px;
    line-height: 0;
    margin: -10px 0 0 -15px;
}

另外，为什么你需要一个额外的元素呢？这是一个使用 :after 伪类且只有一个元素的更好示例。

jsFiddle Demo

div.upperChar:after {
    content: "\21C0";
    font-size: 170px;
    line-height: 0;
    display: block;
    margin-left: -20px;
}