Html 简单空间与&；nbsp；

有人能告诉我简单空格（用键盘空格键创建）和

（HTML无空格）之间的区别吗

我问这个问题是因为当我在我的页面上同时使用（简单空格和

）时，它们的行为不同

在我的web应用程序中，当我将一个简单空格（带有键盘空格键）放入

span

时，它没有高度或宽度（0px），但当我将

放入

span

时，它有高度和宽度

当我用

div

标记尝试同样的方法时，同样的问题发生了

---

在JSFIDLE中，您可以看到，当我使用简单空格时，元素没有高度（它总是

0px

），但当我使用

时，它有高度。

nbsp

代表不间断空格，主要有两个区别：

对于普通的空白字符，如果没有水平空间，内容将被环绕。因此，

foo bar

可能会呈现为

 foo
 bar 

而

foo bar

将始终呈现为

foo bar

如果没有足够的水平空间，内容就会溢出

浏览器可以决定修剪HTML元素内容开头或结尾的空白字符。以下章节对此进行了描述：

为了避免SGML换行规则的问题和现有实现之间的不一致，作者不应该依赖用户代理在开始标记之后或结束标记之前立即呈现空白

这意味着浏览器将

foo bar

解释为

foo bar

，因此

解释为

（即作为空元素）

---

嗯，

和简单空间之间有区别<代码>指的是 Html中的不间断空格意味着它不会随着行尾而中断，您可以在这里找到更好的解释

---

期待空间如果你在项目中多次使用它，它会崩溃，这是基本的区别，你也可以在链接中找到其他的。

非中断空间和正常空间是不同的。一个不间断的空格就像一块磁铁，将单词或字符连接在空格的两边，防止自动换行。 EX:2018年7月20日

非中断可防止非中断，与正常空间相比，ASCII甚至有所不同

非易碎空间的ASCII值为160

标准空间的ASCII是32