html - IE8のモノスペースフォントはスペースを無視します

Question

ここに示すように、等幅のasciテーブルを機能させようとしています： <pre>タグとcss font-family

これは、IE8を除くすべてのブラウザーで機能します。

IE8では、スペースはすべて1つのスペースに圧縮されます。（列が消えます）

IE8がこれを行っている理由について何かアイデアはありますか？

前もって感謝します、

アレックス

Answer 1

要素に追加white-space:preして、空白文字を保持します。

Answer 2

HTML のデフォルトの動作は、明示的に指示されない限り、複数の空白を 1 つの空白に圧縮することです。

これを行わないように指示する方法は、CSSwhite-spaceプロパティを使用することです。おそらく探している値はwhite-space:pre;、それを に設定することです。これにより、要素が圧縮せずにすべての空白を表示するように設定されます。

もちろん、デフォルトで設定され<pre>ているタグ自体を使用することもできます。white-space:pre;これはスタイルシートでオーバーライドできることに注意してください。<pre>タグが機能しない場合は、おそらくこれが原因です。(これが発生している場合は、開発者ツール ウィンドウを使用して、要素に適用されているスタイルを調べることができます)

に加えて、要件に応じて使用できるプロパティwhite-space:pre;の他の値がいくつかあります:および.white-spacepre-wrappre-line

これらの違いの詳細については、次の例を参照してください: http://www.quirksmode.org/css/whitespace.html

それが役立つことを願っています。