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

Question

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

http://jsfiddle.net/WM8XW/

我在label标签的内容中插入了很多空格，但渲染的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  )进行硬编码。

Reference

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

溶液2： 您可以使用<pre>代码。

Reference

如果您想使用css执行，也可以执行相同的上述答案仅来自html 观点

Answer 3

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