2014-02-27 61 views
0

我正在使用pre標記顯示一些COBOL生成的報告,一個TXT文件,其中包含大量空格。但是,在顯示頁面時,會截斷內容中的一些隨機行。截斷預標記中的文本

這是我以爲在 PRE and white-spaces behavior 之前已經解決的問題,但唉,它不是。

我現在的預用法:

<pre>NUMERO DA CONTA NOME DA CONTA        SALDO ANTERIOR  DEBITO DO MES  CREDITO DO MES  SALDO ATUAL</pre> 

CSS樣式:

pre 
{ 
margin: 0; 
padding: 0; 
font-family: "Courier New", Courier, monospace; 
font-size: 9pt; 
} 

我應該怎麼辦?難道我做錯了什麼?

TL/DR:預標記的行randomnly truncanting,任何想法/選擇?

+0

哪些行被截斷以及如何以及在哪些瀏覽器上?請提供實際重現問題的HTML和CSS代碼(最好是最小代碼)。 –

回答

0

來源:https://developer.mozilla.org/en-US/docs/Web/CSS/white-space

此加入CSS:(演示:http://jsfiddle.net/nr9Jm/

white-space: pre-line; // whitespace will collapse into a single whitespace 

它看起來是這樣的:

NUMERO DA CONTA諾姆DA CONTA SALDO前路DEBITO DO MES CREDITO DO MES SALDO ATUAL

+0

這是exaclty我不想要的,對不起。這就是我的意思是截斷。另一個問題,這可能與瀏覽器有關嗎?我注意到,雖然使用ie10這不會發生(迄今)。但是另一個使用XP和IE8的用戶報告了這個錯誤。 –

+0

所有瀏覽器版本均不支持所有值。這裏是一個關於價值/支持的鏈接:https://developer.mozilla.org/en-US/docs/Web/CSS/white-space – LGSon

+0

在那裏你可能會發現適合'white-space'的正確值它變成你想要的。 – LGSon