明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！

對于html中空格的問題處理

發(fā)表時間：2024-05-11 來源：明輝站整理相關軟件相關文章人氣：

[摘要]<h2><span class="glyphicon glyphicon-send"></span> 聯(lián)系我們</h2><h2><span class="glyphicon glyphicon-send...
<h2><span class="glyphicon glyphicon-send"></span>&nbsp;聯(lián)系我們</h2>
<h2><span class="glyphicon glyphicon-send"></span>&nbsp;聯(lián)系我們</h2>
<h2><span class="glyphicon glyphicon-send"></span>&nbsp;聯(lián)系我們</h2>

上邊三種寫法圖標和文字的距離為什么都不一樣？和inline-block的圖標和換行有關系嗎？如果我換5行

<h2><span class="glyphicon glyphicon-send"></span>&nbsp;聯(lián)系我們</h2>
<h2><span class="glyphicon glyphicon-send"></span>&nbsp;聯(lián)系我們</h2>

上邊兩種效果是一樣的，為什么呢？

<h2><span class="glyphicon glyphicon-send"></span> &nbsp; 聯(lián)系我們</h2>

nasp和實際打出來的空格效果是一樣的為什么還要用nbsp呢？

<h2><span class="glyphicon glyphicon-send"></span> &nbsp;聯(lián)系我們</h2>
<h2><span class="glyphicon glyphicon-send"></span>      &nbsp;聯(lián)系我們</h2>

像這種1個空格1個nbsp和5個空格1個nbsp的效果也一樣是為什么？

瀏覽器解析html文檔時, 多個相連的空格,回車或者TAB會直接解析成一個...

內(nèi)聯(lián)元素(span,b,a 等等之類的) 之間的空格或者回車會被解析成空格, 所以第一段代碼相當于:

<h2><span class="glyphicon glyphicon-send"></span>&nbsp;聯(lián)系我們</h2>
<h2><span class="glyphicon glyphicon-send"></span> &nbsp;聯(lián)系我們</h2>
<h2><span class="glyphicon glyphicon-send"></span> &nbsp; 聯(lián)系我們</h2>

通常情況下，HTML 會裁掉文檔中的空格。假如你在文檔中連續(xù)輸入 10 個空格，那么 HTML 會去掉其中的9個。如果使用 ，就可以在文檔中增加空格。

nbsp是英文Non-Breaking SPace的縮寫，可以直接翻譯成“不被折斷的空格”。HTML中使用 表示1個空格字符（英文的1個空格字符），1個中文漢字占2個英文字符，也就是要用兩個 。

DOM 中的空白符會讓處理節(jié)點結構時增加不少麻煩。
在Mozilla 的軟件中，原始文件里所有空白符都會在 DOM 中出現(xiàn)（不包括標簽內(nèi)含的空白符）。這樣的處理方式有其必要，一方面編輯器中可逕行排列文字、二方面 CSS 里的 white-space: pre 也才能發(fā)揮作用。
如此一來就表示：
-有些空白符會自成一個文本節(jié)點。
-有些空白符會與其他文本節(jié)點合成為一個文本節(jié)點。

Internet Explorer 會忽略節(jié)點間生成的空白文本節(jié)點（例如，換行符號），而其它瀏覽器不會忽略。

以上就是關于html中空格的問題解決的詳細內(nèi)容，更多請關注php中文網(wǎng)其它相關文章！


網(wǎng)站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產(chǎn)和維護的網(wǎng)站。