PRE和white-spaces行为

时间:2013-09-23 19:25:41

标签: html css

我正在尝试在浏览器中显示txt文件,同时保留其格式和布局。现在,我已经使用pre标签和白色空间完成了这项工作。

我对pre标签的问题是它在行之前和之后添加的空间(我不需要)。

白色空间完美无缺,但有时会有一条随机线(或多条线)被截断。

我只在IE上测试它(因为它是用于内部网,而这里的人不会触及另一个浏览器)。

当我在IE上看到源代码时,被截断的行具有正确的空格标记,但它在浏览器上无法正确显示。

<p style="white-space: pre;display: inline;">    Any    kind of   text      here </p>

这是浏览器的错还是我的错? 有一个更好的方法吗? 有没有办法从pre标签中删除行前后的空格?

谢谢大家

2 个答案:

答案 0 :(得分:0)

Pre标签不会在行前后添加空格,除了文本中的空格(Any之前有4个空格,此后有1个空格)。

可能有另一个标签正在创建保证金。默认情况下,<body>的边距为8px。

还尝试背靠背放置两个<p>,并且没有换行符分隔标记。

在html文件中测试以下内容:

<body style="margin: 0px; font-family: 'Courier New',Courier, monospace"><p style="white-space: pre;display: inline; margin: 0px;">    Any    kind of   text      here </p><p style="white-space: pre;display: inline; ">    Any    kind of   text      here </p></body>

答案 1 :(得分:0)

最后我按照这里的建议: HTML <pre> tag causes linebreaks

没有任何缺陷。