是否可以使任何CSS元素的行为类似于<pre></pre>

Question

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

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

Answer 1

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

P.S。这基本上是

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;
}

Answer 4

如果您只是希望它对pre之类的换行符采取行动，请使用css：white-space: pre