html - 和空间有什么区别？

Question

有两段 HTML 代码:

1.

<div>&nbsp;</div>

2.

<div> </div>

我分别在 Chrome 43.0.2357.130m 中运行它们。

第一个代码段的 div 有高度(height=18px)，但第二个没有高度(height=0)。

我想知道为什么他们有不同的结果。

谢谢:-)!

Answer 1

  是一个不可破坏的空间。这意味着它总是被解释为一个字符。例如，用  : 分隔的两个单词将始终保持在一起，但如果容器太小，用空格分隔的两个单词可以换行分隔。

一个简单的空间就像“嗯，如果你需要我，我就在这里，但如果你也想要我，我可以改变<3”，  更像是“我总是在这里”

在你的例子中，空格似乎没有用(前后没有单词)所以它消失了。   还在这里。将   视为一个不可见的字母而不是一个空格。