2015-07-11 22 views
4

有很多HTML代碼的兩個片段: 和space有什麼區別?

1.

<div>&nbsp;</div> 

2.

<div> </div> 

我在Chrome運行它們43.0.2357.130m分開。

第一段代碼div有高度(高= 18px),但第二段沒有高度(高= 0)。

我想知道他們爲什麼會有不同的結果。

謝謝:-)!

回答

0

第二個在瀏覽器中運行它並不計算任何字符串,所以沒有在這裏應用樣式。但&nbsp;計算爲一個字符空間。

7

& nbsp是一個非breakeable空間。這意味着它總是被解釋爲一個角色。例如,用一個空格隔開的兩個單詞將始終保持在一起,但如果容器太小,用空格隔開的兩個單詞可以用新行分隔。

一個簡單的空間就像是「咩,我在這裏,如果你需要我,但我可以改變,如果你想我了< 3」,一個& NBSP更「我一直在這裏」

在你的例子中,空間似乎沒用(前後無字),所以它消失了。 & nbsp仍然在這裏。考慮一下,如果它是一個不可見的字母而不是空格的話。