<pre>不保留空格

时间:2019-11-26 17:10:59

标签: html css whitespace pre

为什么这样做:

<pre style="background:red">
line 1
</pre>

呈现与以下内容相同:

<pre style="background:red">line 1</pre>

第一个还有两个换行符,但是浏览器似乎忽略了它们。这有什么规则?

1 个答案:

答案 0 :(得分:4)

  

如果文本节点以空格开头(空格,换行),则HTML解析器将忽略它。将新行编码为适当的HTML实体会强制解析器对其进行确认。

&#13; == carriage return

改为使用此:

<pre style="background:red">&#13;line 1</pre>

pre标记将所有格式设置在中间,但不保留在开头

有关更多信息,请参见https://stackoverflow.com/a/15529725/6852641