我正在尝试在浏览器中显示txt文件,同时保留其格式和布局。现在,我已经使用pre标签和白色空间完成了这项工作。
我对pre标签的问题是它在行之前和之后添加的空间(我不需要)。
白色空间完美无缺,但有时会有一条随机线(或多条线)被截断。
我只在IE上测试它(因为它是用于内部网,而这里的人不会触及另一个浏览器)。
当我在IE上看到源代码时,被截断的行具有正确的空格标记,但它在浏览器上无法正确显示。
<p style="white-space: pre;display: inline;"> Any kind of text here </p>
这是浏览器的错还是我的错? 有一个更好的方法吗? 有没有办法从pre标签中删除行前后的空格?
谢谢大家
答案 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
没有任何缺陷。