html - 是否可以让任何 CSS 元素表现得像

Question

我正在 iframe 中加载一些内容。我希望此内容的行为就像它在<pre>标签内一样 - 即它尊重换行符。我正在使用 javascript 来设置这个 iframe 的 body 元素的样式。

我想知道是否可以设置一个特定的样式，使这个 iframe 的主体表现得就像它在里面一样<pre/>。

score 72 · Accepted Answer

您可以在http://www.w3.org/TR/CSS2/sample.html找到默认设置或它们的假设方式，只需将相同的样式应用于您想要作为 pre 元素的元素，瞧你完成了

ps这基本上是

pre{ white-space: pre ; display: block; unicode-bidi: embed }

score 33 · Accepted Answer

如果您只对保留换行符而不是空格感兴趣，那么我建议使用：

body {
    white-space: pre-line;
}

这会将多个连续的空白字符合并为一个，但保留换行符。缺点是它仅在 IE 版本 8 及更高版本中受支持。

score 15 · Accepted Answer

15

尝试将元素的white-space样式设置为pre.

body {
    white-space: pre;
}

于 2010-12-30T04:38:41.260 回答

score 4 · Accepted Answer

4

如果您只是希望它对像那样的换行符起作用pre，请使用 css：white-space: pre

于 2010-12-30T04:39:42.510 回答

4 回答 4