0

↑ 2.1

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

上記の行は、html シンボルと通常のテキストの組み合わせです。同じ高さに揃えたいのですが、どうすればいいですか？これがjsfiddleです。ありがとう！
http://jsfiddle.net/RnaKb/

4

2 に答える 2

0

css:before疑似セレクターを使用して、#8593 を \2191 に変換できます。次に、このコンテンツの css をいじることができます。

<span> 2.1</span>

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

これは現在、正確に同じ高さではありません (見栄えは良いですが!) が、少し手を加えれば可能性があります。ただし、さまざまなブラウザーでテストする必要もあります。

于 2013-06-10T23:43:38.733 に答える
0

それらは<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

于 2013-06-10T23:55:38.837 に答える