Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 是否可以使任何CSS元素的行为类似于<;预处理>;_Html_Css_Pre - Fatal编程技术网

Html 是否可以使任何CSS元素的行为类似于<;预处理>;

Html 是否可以使任何CSS元素的行为类似于<;预处理>;,html,css,pre,Html,Css,Pre,我正在iframe中加载一些内容。我希望此内容的行为就像它在标记中一样-也就是说,它尊重换行符。我正在使用javascript设置这个iframe的body元素的样式 pre{ white-space: pre ; display: block; unicode-bidi: embed } 我想知道是否有可能设置一种特殊的样式,使这个iframe的主体看起来像它在中一样。你可以找到默认设置,或者它们应该是什么样的,只要将相同的样式应用到你想作为前置元素的元素上,瞧,你就完成了 p、 这基本上是

我正在iframe中加载一些内容。我希望此内容的行为就像它在
标记中一样-也就是说,它尊重换行符。我正在使用javascript设置这个iframe的body元素的样式

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

我想知道是否有可能设置一种特殊的样式,使这个iframe的主体看起来像它在

中一样。你可以找到默认设置,或者它们应该是什么样的,只要将相同的样式应用到你想作为前置元素的元素上,瞧,你就完成了

p、 这基本上是

body {
    white-space: pre;
}

尝试将元素的
空白
样式的值设置为
pre

body {
    white-space: pre-line;
}

如果您只想让它对换行符起作用,如
pre
,请使用css:
空白:pre

如果您只想保留换行符而不想保留空白,那么我建议使用:


这将把多个连续的空白字符折叠成一个字符,但保留换行符。缺点是它仅在IE 8及以上版本中受支持。

这太棒了!查看链接后,属性
字体系列:monospace丢失。这不是真的需要,但值得一提。