如何使用html代码生成的文本设置文本样式

Question

↑2.1

<span>&#8593; 2.1</span>

以上行是html符号和常规文本的组合。如果我想将它们对齐相同的高度，我该怎么做？这是jsfiddle。谢谢！
http://jsfiddle.net/RnaKb/

Answer 1

您可以使用css :before伪选择器，将＃8593转换为\ 2191。然后你可以为这个内容摆弄css：

<span> 2.1</span>

span:before {
    content:'\2191';
    vertical-align: text-bottom;
}

目前这个高度并不完全相同（虽然看起来不错！），但可能会有点摆弄。但您还必须在不同的浏览器中进行测试。

Answer 2

可以从<span>元素中访问它们。

看一下jsFiddle，我刚刚添加了一点.css

span {
    font-size:24px;
    line-height:27px;
    vertical-align:baseline;
    border-bottom:1px solid red;
    background-color:#eef;
}

但我知道你认为↑箭头符号的风格不同，但事实并非如此。就是那样画的。因此，如果您希望将其垂直对齐到底部，则必须将其封装在您必须使用的某个单独的容器中。

<span><span class="your-class-to-ajust-bottom">&#8593;</span> 2.1</span>

以下是一个工作示例：jsFiddled here