和空间有什么区别？

Question

有两段 HTML 代码：

1.

<div>&nbsp;</div>

2.

<div> </div>

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

第一个片段的

div

有高度（height=18px），但第二个片段没有高度（height=0）。

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

谢谢你:-)！

Answer 1

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

一个简单的空间就像“嗯，如果你需要我，我就在这里，但如果你也需要我，我可以改变<3", a   is more "I'm ALWAYS here"

在您的示例中，空格似乎毫无用处（前后没有文字），因此它消失了。   仍然在这里。将   视为一个不可见的字母而不是一个空格。

Answer 2

第二个在浏览器中运行，它不会计算为任何字符串，因此此处没有应用样式。但

 

计算为一个字符空间。