是否可以使任何CSS元素表现得像<pre>

Question

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

我想知道是否有可能设置一个特定的风格,使得这个iframe的主体像它在里面一样<pre/>.

Answer 1

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

ps基本上是

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

Answer 2

如果你只对保留换行而不是空格感兴趣,那么我建议使用:

body {
    white-space: pre-line;
}

这会将多个连续的空格字符折叠为一个但保留换行符.缺点是它只支持IE 8及更高版本.

Answer 3

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

body {
    white-space: pre;
}