不保留空格

问题描述 投票:1回答:1

为什么:

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

与以下内容相同:

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

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

html css whitespace pre
1个回答
4
投票

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

&#13; == carriage return

改用它:

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

pre标签将使所有格式保持在中间,但不能在开头

请参见https://stackoverflow.com/a/15529725/6852641以了解更多

© www.soinside.com 2019 - 2024. All rights reserved.