有什么区别  和空间？

Question

有两个HTML代码片段:

1.

<div>&nbsp;</div>

2.

<div> </div>

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

第一个片段的div高度(高度= 18px),但第二个片段没有高度(高度= 0).

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

谢谢:-)!

Answer 1

 是一个不可盈利的空间.这意味着它总是被解释为一个角色.例如,用 :分隔的两个单词将始终保持在一起,但如果容器太小,则用空格分隔的两个单词可以用新行分隔.

一个简单的空间就像是"Meh,如果你需要我,我就在这里,但是如果你想要我的话,我可以改变<3",更多的是"我总是在这里"

在你的例子中,空间似乎没用(前后没有任何词语)所以它消失了.还在这里.如果它是一个不可见的字母而不是一个空格,请考虑同样的方式.

Answer 2

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