gpt4 book ai didi

html - PRE 和空格行为

转载 作者:行者123 更新时间:2023-11-28 12:19:14 24 4
gpt4 key购买 nike

我试图在浏览器中显示一个 txt 文件,同时保持它的格式和布局。现在,我已经使用 pre 标记和空格成功地完成了这项工作。

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

white-spaces 工作得很好,但有时会有一个或多个随机行被截断。

我只在 IE 上测试它(因为它是针对内部网的,这里的人不会接触其他浏览器)。

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

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

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

谢谢大家

最佳答案

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>

关于html - PRE 和空格行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18967198/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com