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

**摘要

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

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

?

?復制代碼

在web頁面上，一般有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)字符編碼?：簡稱“ZWNJ”，是一個不打印字符，放在電子文本的兩個字符之間，抑制本來會發生的連字，而是以這兩個字符原本的字形來繪制。HTML字符值?。

?

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

其它

瀏覽器還會把以下字符當作空白進行解析：空格 、制表位、換行

和回車還 有　等等。

+16進制/十進制表示是 Numeric Character References

&+實體名表示是 Character Entities References，html字符實體的名字必須是在html中已經定義的才能被使用。

使用實體名而不是數字的好處是，名稱易于記憶。壞處是，瀏覽器也許并不支持所有實體名稱(對實體數字的支持卻很好)。

實體名稱對大小寫敏感。