如何使用使用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>元素中訪問它們。

看一下我剛剛添加了一點.css的jsFiddle

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