1

ドット HTML 文字を使用して、さまざまな色のアイコンを作成しています。私が直面している問題は、line-height プロパティがキャラクターの上部が配置される場所にのみ影響するように見えることです。テキストの標準のフォントサイズに一致する行の高さを設定しても、ドットアイコンを通常のテキストと正しく並べることができません。

HTML
<div>
  <b>Legend:</b>
  <span class="dotib">&#8226;</span>
</div>

CSS
.dotib{font-size: 36pt; line-height: 12pt;}

このドットを期待どおりに動作させるより良い方法はありますか?

このコードを含む jsFiddle を次に示します: http://jsfiddle.net/TzFff/

4

1 に答える 1

3

これに変更します。

.dotib {
    font-size: 36pt; 
    line-height: 12pt;
    vertical-align:middle;
    padding-bottom:5px;
}

http://jsfiddle.net/TzFff/1/

于 2013-01-17T21:08:59.647 に答える