html - 浏览器是否会删除任何 html 标签文本之间的空格

Question

这是一个演示问题的小提琴

http://jsfiddle.net/WM8XW/

我在标签标签的内容中插入了许多空格，但呈现的 html 似乎将其删除。仅添加 上述问题的解决方案

HTML 内容

<label>label with very          long white space in between</label>

Answer 1

显示空白的正常行为是将它们压缩成一个，然后显示。

有两个例外：

1. <pre>tag，保持输入的空格。
2. 设置 CSS 属性white-space: pre;（分别为pre-wrap或pre-line）

Answer 2

浏览器通常将多个连续的空格和/或回车视为一个空格。在不间断空格的情况下，(  or  )浏览器通常会按原样尊重多个连续出现的事件，而不会折叠到单个空格。

解决方案1：

您可以根据需要对其进行硬编码(  or  )。

参考

<pre>开始标记和结束标记之间的任何文本</pre>都将保留源文档的格式。

解决方案2：您可以使用<pre>标签。

参考

如果您想使用css执行，您也可以执行相同的操作，以上答案只是从html 角度来看

Answer 3

是的，浏览器会将多个空格转换为一个空格。您唯一的选择是拥有硬空间，即。&nbsp;