| 字符以及HTML實體 | 描述以及說明 |
|
這是我們使用最多的空格，也就是按下space鍵產生的空格。在HTML中，如果你用空格鍵產生此空格，空格是不會累加的（只算1個）。要使用html實體表示才可累加。為了便於記憶，我總是把這個空格成為“牛逼(nb)空格(sp – space)”，雖然實際上並不牛逼。該空格占據寬度受字體影響明顯而強烈。在inline-block布局中會搞些小破壞，在兩端對齊布局中又是不可少的元素。是個讓人又愛又恨的小東東。 |
  |
該空格學名不詳。為了便於記憶，我們不妨就叫它“惡念(e n-ian)空格”。此空格傳承空格家族一貫的特性：透明滴！此空格有個相當穩健的特性，就是其占據的寬度正好是1/2個中文寬度，而且基本上不受字體影響。 |
  |
該空格學名不詳。為了便於記憶，我們不妨就叫它”惡魔(e m-o)空格”。此空格也傳承空格家族一貫的特性：透明滴！此空格也有個相當穩健的特性，就是其占據的寬度正好是1個中文寬度，而且基本上不受字體影響。 |
  |
該空格學名不詳。我們不妨稱之為“瘦弱空格”，就是該空格長得比較瘦弱，身體單薄，占據的寬度比較小。我目前是沒用過這個東西，這里亮出來是讓其過一下群眾演員的癮。 |
其中的 和 ，由於具有某一超贊的特性，使其可以登上web屆的舞台！什么特性呢？如上表加粗展示，1. 透明； 2. 寬度正好跟中文正好是1:2和1:1的關系，於是，一些中文排版對齊什么的，直接就可以使用這兩個空格調節，如：
<ul>
<li class="li">姓  名：<input type="text" /></li>
<li class="li">手 機 號：<input type="text" /></li>
<li class="li">電子郵箱：<input type="text" /></li>
</ul>
結果輕松實現了2字/3字/4字中文的等寬兩端對齊效果：