溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內(nèi)容介紹了“怎么在HTML中插入空格”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！
一、鍵入空格
在html頁面中，我們可以通過鍵入“空格”鍵來插入空格。
例：在p.p1中鍵入一個空格，在p.p2中鍵入5個空格。注：此時是半角狀態(tài)鍵入“空格”
1 2 | <p class="p1">測試文字| php中文網(wǎng)！</p> <p class="p2">測試文字| php中文網(wǎng)！</p> |
效果圖：
可以看出，無論我們在HTML中是鍵入1個空格或者5個空格，還是其他多個空格，Web瀏覽器都會自動將這些空格折疊為僅一個空格。
那么我們?nèi)绾物@示多個鍵入的空格？可以通過在全角狀態(tài)鍵入“空格”鍵，例：
1 2 | <p class="p1">測試文字| php中文網(wǎng)！</p> <p class="p2">測試文字| php中文網(wǎng)！</p> |
效果圖：
說明：全角空格會被解釋為漢字，以空白漢字的形式顯示，且是實數(shù)顯示（有多少就顯示多少）。
或者使用<pre>標簽來解決這個問題（半角狀態(tài)鍵入“空格”），例：
1 2 3 4 5 6 | <p class="p1"> <pre>測試文字| php中文網(wǎng)！</pre> </p> <p class="p2"> <pre>測試文字| php中文網(wǎng)！</pre> </p> |
效果圖：
二、使用html的空格符
我們可以使用html中表示空格的字符實體來在html頁面中插入空格，下面我們來看看在html中表示空格的字符實體有哪些：
字符：不斷行的空白格，該空格占據(jù)的寬度受字體影響。
 字符：相當全角狀態(tài)鍵入半個“空格”鍵（半個漢字的寬度）。
 字符：相當全角狀態(tài)鍵入“空格”鍵（1個漢字的寬度）。
下面我們來看看效果：
1 2 3 | <p class="p1">測試文字| 字符nbsp顯示空格！</p><br / <p class="p2">測試文字| 字符ensp顯示空格！</p><br /> <p class="p3">測試文字| 字符emnsp顯示空格！</p> |
效果圖：
說明： 和 字符所占據(jù)的寬度基本上不受字體影響，是相當穩(wěn)健的。
“怎么在HTML中插入空格”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識可以關注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內(nèi)容。
