2014-02-27 45 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