IE8のMonospaceフォントはスペースを無視します

Question

ここで見られるように、私はモノスズポースのASCIテーブルを動作させようとしています：u003Cpre>タグとCSSフォントファミリー

これは、IE8を除くすべてのブラウザで私に役立ちます。

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

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

前もって感謝します、

アレックス

Answer 1

追加 white-space:pre ホワイトスペースのキャラクターを維持するための要素に。

Answer 2

HTMLデフォルトの動作は、明示的に指示しない限り、複数の白い空間を単一のスペースに圧縮することです。

これをしないように言う方法は、CSSを使用することです white-space 財産。あなたがおそらく探している価値はそれをに設定することです white-space:pre;, 、それを圧縮せずにすべての空白を表示する要素を設定します。

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

に加えて white-space:pre;, 、他にもいくつかの値があります white-space 要件に応じて、使用できるプロパティ： pre-wrap と pre-line.

これらの違いについては、例をご覧ください。 http://www.quirksmode.org/css/whitespace.html

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

Answer 3

私はこれを試しましたが、それはうまくいきました...（おそらくそれは助けになります）、その後、スタイルで残りを修正します。

<svg width="600" height="150" font-family="monospace"  xml:space="preserve">
<defs>
<style type="text/css">
<![CDATA[ /* ADD CLASSES */
.font{text-anchor: start; font-size: 12px;font-weight: normal; font-family: "DejaVu Sans Mono", sans-serif;white-space: pre-wrap;}
]]>
</style>
</defs>