0

我试图在浏览器中显示一个 txt 文件,同时维护它的格式和布局。现在我已经使用前置标签和空格成功地完成了这个。

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

white-spaces 可以完美地工作,但有时会有一条随机线(或多条线)会被截断。

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

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

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

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

谢谢你们

4

2 回答 2

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>
于 2013-09-23T19:33:34.867 回答
0

最后我遵循了这里的建议: HTML <pre> tag cause linebreaks

工作没有缺陷。

于 2013-09-25T19:04:54.153 回答