Html塊獲得不同的寬度<br>

Question

包含文本的塊元素獲取不同的寬度，具體取決於它們是否包含
標記。爲什麼？

<div> 
    <span>Mmm mmm mmmmmm</span> 
</div> 

寬度大於

<div> 
    <span>Mmm mmm<br>mmmmmm</span> 
</div> 

此行爲是（在其最新的版本上的Win7 OS）在瀏覽器，Firefox，歌劇，Safari，IE相同。

（文本斷裂，當然，與文字的大小，邊填充和在每行不同的單詞的字符數而異。）

http://jsfiddle.net/olaim/q9BRT/1/

Answer 1

一個非常有趣的問題。 我通過將跨度顯示樣式更改爲dispaly:block;來「解決」了問題，因此兩者的寬度均爲200px。 see here

我認爲這是因爲「塊」強制執行一個總塊但內聯塊將其綁定到文本流，因此跨度調整爲其內容。

希望這對你有所幫助。