在html里面空格的話,你直接敲打出來的空格是不可以的,下面將通過html和css中設置顯示空格的實現總結：
Html中空格
| 符號 | 編號 | 描述 |
|---|---|---|
| |   | 不斷行的空白（1個字符寬度）， 不換行空格 全稱No-Break Space，它是最常見和我們使用最多的空格，大多數的人可能只接觸了 ，它是按下space鍵產生的空格。在HTML中，如果你用空格鍵產生此空格，空格是不會累加的（只算1個）。要使用html實體表示才可累加，
該空格占據寬度受字體影響明顯而強烈。
|
|   |   | 半個空白（1個字符寬度）,“半角空格”，全稱是En Space，en是字體排印學的計量單位，為em寬度的一半。根據定義，它等同於字體度的一半（如16px字體中就是8px）。名義上是小寫字母n的寬度。此空格傳承空格家族一貫的特性：透明的，此空格有個相當穩健的特性，
就是其占據的寬度正好是1/2個中文寬度，而且基本上不受字體影響。
|
|   |   | 一個空白（2個字符寬度）,“全角空格”，全稱是Em Space，em是字體排印學的計量單位，相當於當前指定的點數。例如，1 em在16px的字體中就是16px。此空格也傳承空格家族一貫的特性：透明的，此空格也有個相當穩健的特性，
就是其占據的寬度正好是1個中文寬度，而且基本上不受字體影響。
|
|   |   | 窄空白（小於1個字符寬度）, 窄空格，全稱是Thin Space。我們不妨稱之為“瘦弱空格”，就是該空格長得比較瘦弱，身體單薄，占據的寬度比較小。它是em之六分之一寬。 |
Css的方式空格
white-space
white-space 屬性取值為pre時，瀏覽器會保留文本中的空格和換行,例如： <div>a b<div>
顯示效果為： a b
letter-spacing
letter-spacing 屬性用於設置文本中字符之間的間隔，例如：<div>歡迎光臨！</div>
顯示效果為： 歡 迎 光 臨 ！
word-spacing
word-spacing 屬性用於設置文本中單詞之間的間隔，例如： <div>Happy new year!</div>
顯示效果為： Happy new year!
text-indent
text-indent屬性用於設置首行縮進，它的取值可以是一個帶單位的長度值，瀏覽器會在段落的首行開始處設置指定長度的空白。比如：<divc">text-indent:2px">歡迎光臨！</div>