html+css 代碼在網頁中如何插入打出空格字符實現方法

摘要
瀏覽器總是會截短 HTML 頁面中的空格。HTML將所有空格字符，制表符，空格和回車符壓縮為一個字符。如果要縮進段落，則不能簡單地鍵入五個空格然后開始文本。 如果您在文本中寫 10 個空格，在顯示該頁面之前，瀏覽器會刪除它們中的 9 個。如需在頁面中增加空格的數量，您需要使用 字符實體。

本篇就單介紹空格的字符實體，HTML提供了6種空格實體（space entity）：

 
 
 
 
‌
‍復制代碼
在web頁面上，一般有3種書寫：

1. 直接輸入法輸入例如“版權” – ?.
2. 字符：©
3. charCode：©復制代碼
正文
 
不間斷空格（non-breaking space）字符編碼 ：在HTML中，按下space鍵產生，空格不累加（只算1個），要使用html實體表示才可累加。

 
全角空格（Em Space）字符編碼 ：em是字體排印學的計量單位。相當于當前指定的點數，如1em在16px的字體中就是16px。此空格有個相當穩健的特性，其占據的寬度正好是1個中文寬度。

 
半角空格（En Space）字符編碼 ：en是字體排印學的計量單位。為em寬度的一半，如1en在16px的字體中就是16px，名義上是小寫字母n的寬度。此空格有個相當穩健的特性，其占據的寬度正好是1/2個中文寬度。

 
窄空格（Thin Space）占據的寬度比較小，它是em之六分之一寬。

‌
零寬不連字（Zero Width Non Joiner）字符編碼&#x200C：簡稱“ZWNJ”，是一個不打印字符，放在電子文本的兩個字符之間，抑制本來會發生的連字，而是以這兩個字符原本的字形來繪制。HTML字符值‌。

‍
零寬連字（Zero Width Joiner）字符編碼&#x200D：簡稱“ZWJ”，是一個不打印字符，放在某些需要復雜排版語言（如阿拉伯語、印地語）的兩個字符之間，使得這兩個本不會發生連字的字符產生了連字效果。HTML字符值‍。

其它
瀏覽器還會把以下字符當作空白進行解析：空格 、制表位 、換行 和回車 還有　等等。
&#x+16進制/十進制表示是 Numeric Character References
&+實體名表示是 Character Entities References，html字符實體的名字必須是在html中已經定義的才能被使用。
使用實體名而不是數字的好處是，名稱易于記憶。壞處是，瀏覽器也許并不支持所有實體名稱（對實體數字的支持卻很好）。
實體名稱對大小寫敏感。

職業選擇、求職輔導、學習規劃、困難答疑、技術交流等，可以加IT交流群828691304

歡迎訪問我們的官網：技能樹.IT修真院

“我們相信人人都可以成為一個工程師，現在開始，找個師兄，帶你入門，學習的路上不再迷茫。

這里是技能樹.IT修真院，初學者轉行到互聯網行業的聚集地。"

總結

以上是生活随笔為你收集整理的html space空格符的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。