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

Question

这是一个证明问题的小提琴

http://jsfiddle.net/WM8XW/

我在label标签的内容中插入了许多空格,但渲染的html似乎将其删除.是 仅为上述问题添加解决方案

HTML内容

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

Answer 1

显示空格的正常行为是将它们压缩为单个,然后显示.

有两个例外:

1. 该<pre>标签,这使空格作为输入.
2. 设置CSS属性white-space: pre;(分别pre-wrap或pre-line)

Answer 2

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

解决方案1：

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

参考

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

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

参考

如果你想用css执行，你也可以执行相同的上述答案仅从html 角度来看