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

标签 css

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

类似于:

enter image description here

所以我必须做两件事:

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;    
}

最佳答案

您需要设置字体的大小。您可以使用 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;
}

关于css - 将文本放在 unicode 字符上方并更改 unicode 字符的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18557200/

相关文章:

javascript - 如何在不编写这么多代码的情况下为多个 jQuery 操作创建一个函数?

html - 如何在HTML页面中获取EPSON TM-T88V小票打印机的默认字体 "Font A11"?

css - 如何在 Bootstrap 面板的右侧创建一个图标?

jquery - 回发期间的动画模拟更平滑的页面重定向

performance - Spotify 中 CSS 旋转导致 CPU 使用率过高

css - HTML如何增加<blink>标签闪烁时间

html - CSS 列样式仅适用于 Chrome 中的一列

html - 包含在链接中的图像仅在 Firefox 中被另一个 float 链接重叠,Chrome 和 IE 都可以

javascript - 始终阻止元素 jQuery

javascript - 如何为IE6-IE8做一个按摩来升级他们的浏览器?