<pre> 不保留空格

Question

为什么会这样：

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

渲染相同：

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

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

Answer 1

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


 == carriage return

改用这个：

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

pre 标记将保留其间的所有格式，但不在开头

更多信息请见https://stackoverflow.com/a/15529725/6852641