1

txt ファイルから読み取り、幅 180 ピクセルのような小さな div 列に表示するデータ (プレーン テキスト形式) がたくさんあります。

このテキストの一部は、次のようにタブで事前にフォーマットされています。

C    1    4    1.4   6    1.5  8
HL   4.5  3    1.5   1    4    1.4
U    6    1.5  8     1    5    4.9

この部分を表示するには、次のコードを使用しました。

<span style="font-family: 'Courier New', Courier, monospace; font-size: 10px; white-space: pre;">
C    1    4    1.4   6    1.5  8
HL   4.5  3    1.5   1    4    1.4
U    6    1.5  8     1    5    4.9
</span>

しかし、それはdivにとって本当に非常に大きく、一般的なフォントを使用すると次のように表示されます:

C 1 4 1.4 6 1.5 8

したがって、私がやりたいことは、次のいずれかまたは両方です。

1) 圧縮された等幅フォントを使用しますが、方法が見つかりませんでした。

2) Arial のような ttf フォントを等幅フォントとして使用します。

目標を達成するために他に何ができるかわかりません。

編集:何が問題で、結果はどうあるべきかのjsfiddleのライブ例を追加しましたhttp://jsfiddle.net/LCVwH/にアクセスしてください

ご提案いただきありがとうございます。

4

2 に答える 2

0 
<span style="font-family: 'Courier New', Courier, monospace; font-size: 10px; white-space: pre;">

それはどうあるべきかです。

"スタイルを開閉してお使いいただけます。したがって、フォントを設定していたときに、スタイルを閉じていました。

于 2013-09-24T10:04:58.090 に答える
0

含む div への追加overflow:auto;はオプションですか? とにかくあなたのテキストがdivをオーバーフローすることがあると推測できます。

私にとって、例のテキストは div のみでオーバーフローfont-size:9px;していません。これは私にとっては少し小さいです。

于 2013-09-24T13:30:42.860 に答える