css - スパン幅関連する問題

Question

jsfiddleデモでは、ie9の「必要な」単語の位置に注意してください。これは1行目にあり、他のブラウザでは2行目になります。ie9の場合も2行目に移動します。

jsフィドルリンク

Answer 1

この違いは、IE9の新しいレンダリング機能が原因のようです。IE 9のページをさまざまなモード（F12を使用し、ドキュメントモードを互換モードと標準モードに設定）で見ると、テキストの幅が変化していることがわかります。文字は標準モードでより密に詰め込まれています。（これは文字間隔の問題ではなく、サブピクセルレンダリングなどのテキストレンダリングの詳細の問題です。）

改行を強制する必要がある場合は、を使用します<br>。それ以外の場合、アプローチは目標によって異なります。フォントファミリとフォントサイズの設定に従っている場合でも、ブラウザにテキストをまったく同じ方法でレンダリングさせることはできません。