<h2><span class="glyphicon glyphicon-send"></span> 联系我们</h2> <h2><span class="glyphicon glyphicon-send"></span> 联系我们</h2> <h2><span class="glyphicon glyphicon-send"></span> 联系我们</h2>
上邊三種寫法圖示和文字的距離為什麼都不一樣？和inline-block的圖示和換行有關係嗎？如果我換5行
<h2><span class="glyphicon glyphicon-send"></span> 联系我们</h2> <h2><span class="glyphicon glyphicon-send"></span> 联系我们</h2>
上邊兩種效果是一樣的，為什麼呢？
<h2><span class="glyphicon glyphicon-send"></span> 联系我们</h2>
nasp和實際打出來的空格效果是一樣的為什麼還要用nbsp呢？
<h2><span class="glyphicon glyphicon-send"></span> 联系我们</h2> <h2><span class="glyphicon glyphicon-send"></span> 联系我们</h2>
像這種1個空格1個nbsp和5個空格1個nbsp的效果也一樣是為什麼？
瀏覽器解析html文件時, 多個相連的空格,回車或TAB會直接解析成一個...
內聯元素(span,b,a 等等之類的) 之間的空格或回車會被解析成空格, 所以第一段程式碼相當於:
联系我们
联系我们
<h2><span class="glyphicon glyphicon-send"></span> 联系我们</h2>
通常情況下，HTML 會裁掉文件中的空格。假如你在文件中連續輸入 10 個空格，那麼 HTML 就會去掉其中的9個。如果使用 ，就可以在文件中增加空格。
nbsp是英文Non-Breaking SPace的縮寫，可以直接翻譯成「不被折斷的空格」。 HTML中使用 表示1個空格字符（英文的1個空格字符），1個中文漢字佔2個英文字符，也就是要用兩個 。
DOM 中的空白符號會讓處理節點結構時增加不少麻煩。
在Mozilla 的軟體中，原始檔案裡所有空白符號都會在 DOM 中出現（不包含標籤內含的空白符號）。這樣的處理方式有其必要，一方面編輯器中可迳行排列文字、二方面 CSS 裡的 white-space: pre 也才能發揮作用。
如此一來就表示：
-有些空白符會自成一個文字節點。
-有些空白符號會與其他文字節點合成為一個文字節點。
Internet Explorer 會忽略節點間產生的空白文字節點（例如，換行符號），而其它瀏覽器不會忽略。
以上是關於html中空格的問題解決的詳細內容。更多資訊請關注PHP中文網其他相關文章！
