關於html中空格的問題解決

<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中文網其他相關文章！