1

次の HTML/CSS の例では

http://jsfiddle.net/Hmwvv/

フォントのサイズに比例したサイズの先頭のスペースに気付くことができます。さまざまな要素でさまざまなサイズのテキストをdiv揃えるために、この効果を削除するにはどうすればよいですか?

4

2 に答える 2

3

各グリフの周りに少量の空白がありますが、これは文字が重ならないように意図的なものです。これは、文字を 1 つ選択すると表示されます。

問題を解決するには、小さなネガを導入しますtext-indent。

#big {
    text-indent: -5px;
}

デモ

于 2012-10-21T16:24:26.187 に答える
0

`div:first-letter { background: green } を設定することでわかるように、先頭のスペースは文字レンダリングの一部です。それを微調整すると、通常の印刷規則に違反することになります。

しかし、見出しとその後の段落の最初の行で、サイズの異なる文字「M」の左端のストロークを揃えたい場合は、段落に設定margin-left: 0.3emするのが最適なオプションのようです。これは Verdana に適用され、それらの特定の文字が使用されます。(例えば、見出しの最初の文字が「J」の場合、状況は大きく異なります。)

于 2012-10-21T17:33:26.687 に答える