HTML解析器不将第一个空格视为空白，而将第二个空格视为空白。因此，“”并不一定会出现在特定的HTML标记中，而不可分割的空间总是会出现。

你可以在这里看到一个工作示例:

http://codepen.io/anon/pen/GJzBxo

and

http://codepen.io/anon/pen/LVqBQo

相同的div，相同的文本，不同的空格

<div style="width: 500px; background: red"> [loooong text with spaces]</div>

vs

<div style="width: 500px; background: red"> [loooong text with &nbsp;]</div>

实体 生成非换行空格，当不希望在该位置自动换行时使用该空格。常规空格的字符代码为32，而不间断空格的字符代码为160。

例如，当您显示以空格作为千位分隔符的数字:1 234 567时，则使用不间断空格，以便该数字不能在单独的行上分割。如果您显示货币，并且金额和货币之间有空格:42 SEK，则使用非换行空格，这样您就不会在一行上显示金额而在下一行上显示货币。

如前所述，在有“无换行空格”的地方，您将不会收到换行符。

还要注意，只包含“”的元素可能会错误地显示，其中 将工作。至少在i.e. 6中(据我所知，IE7也有同样的问题)，如果你有一个空的表格元素，如果没有内容，或者只有空白，它就不会对元素应用样式，例如边框。因此，下面的代码将不带边框:

<td></td>
<td> <td>

而边界将在本例中显示:

<td>& nbsp;</td>

嗯-不得不放一个虚拟空间，让它在这里正确渲染

当有换行符时，当你使用$bnsp;因为这是一个“非中断空间”。如果你有特定的产品名称，这可能很重要，总是应该写在一起。

如果您(必须)在数字中使用空格作为分隔符，比如12344567，在法国显示为12344567，这可能会很有趣。没有了线就会断在中间的数字，很难看。测试:12 344 567

与其说是回答，不如说是举例……

例# 1:

<div style="width:45px; height:45px; border: solid thin red; overflow: visible">
    Hello&nbsp;There
</div>  

例# 2:

<div style="width:45px; height:45px; border: solid thin red; overflow: visible">
    Hello There
</div>

和小提琴的链接。