letter-spacing と text-align:center が競合していますか? 質問する

letter-spacing と text-align:center が競合していますか? 質問する

使用すると、letter-spacing次のことが本当に問題になるようですtext-align:http://jsfiddle.net/NFAzv/

Google で検索しても何も出てきません。何か見逃しているのでしょうか?

編集 #1: これが私の結果です (Vista 上の Firefox 3.6.8 および Chrome 12.0.742.91):初心者向けのリンク制限のためリンクを削除しました(コメントで見つけることができます)(中心がまったく揃っていないことに注目してください)

編集 #2: 以下は IE9 です。中央に縦線が引かれており、何が間違っているかを示しています。https://i.sstatic.net/C0J0n.png

編集 #3: 以下のコメントで、Windows 7 上の Chrome 10 で問題が発生することが確認されました。少なくとも、気が狂っているのは私だけではないようです。

ベストアンサー1

すべてのブラウザが、CSS3 で規定されているものと明らかに矛盾する文字間隔の実装に収束したようです。

特に、例XVを参照。http://dev.w3.org/csswg/css3-text/#文字間隔0

ブラウザは単純にこれを行いません。IE は最近 (IE9 だと思います)、動作を変更して、現在記述されている CSS3 仕様に似るのではなく、他のブラウザに似たものになりました。

問題の CSS3 仕様はまだ草案段階であるため、おそらくある時点でブラウザーの動作に合わせて変更されるでしょう。

文字間隔に合わせて padding-left 値を追加することで行のバランスを再調整できる場合もありますが、常に可能であるとは限りません。

おすすめ記事