CSS濃縮等寬字體

我有很多數據（以純文本的形式）從txt文件中讀取並顯示在180像素寬的小div列中。CSS濃縮等寬字體

本文部分已預先格式化，製表符，如：

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>

，但它是真正爲格非常大，如果我使用共同的字體它將被顯示，如：

的C 1 4 1.4 1.5 6 8

所以，WHA T I想要做的是一個或兩個以下：

1）使用壓縮的等寬字體，但我無法找到路。

2）使用如Arial（左右）一TTF字體，作爲一個等寬字型。

我不知道我能做些什麼來達到目標。

編輯：我加的是什麼問題，有什麼的jsfiddle活生生的例子應該是結果請到http://jsfiddle.net/LCVwH/

非常感謝您的任何建議。

來源

2013-09-24 Mario

Courier New完全可以。「不好」部分是您的HTML語法。 – Raptor

那裏總共有三個雙引號。那不好。 – Jon

感謝您的意見。這是我的錯誤，因爲從實際的CSS複製/粘貼是正確的，並在其他地方定義。我想簡化這個例子，我忘記改變引號。在我的本地版本中，該示例是正確的，但整個預格式化的行對於容器來說太大了，我想要的是使用等寬字體的預格式化行，但是使用濃縮字體，以至於整個事物的總體寬度不足。 – Mario

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

是怎麼回事。

使用"你打開和關閉的風格。所以當你設置字體時，你正在關閉樣式。

來源

2013-09-24 10:04:58 Ruddy

謝謝，這是一個複製/粘貼錯誤的例子，請閱讀以前的評論瞭解更多詳情。 – Mario

是增加overflow:auto;到包含分區的選項？我可以猜測，有時候你的文本會反正溢出div。

對於我來說，從例如文本不溢出格設置只在font-size:9px;，這是一個有點小我。

來源

2013-09-24 13:30:42

感謝您的評論。我無法使用overflow：auto;因爲它應該全部可讀而不需要滾動。 – Mario

CSS濃縮等寬字體

回答

相關問題