一：不同空格符號的區別
- 半角的不斷行的空白格（推薦使用）
-   半角的空格
-   全角的空格
詳細的含義：
：這是我們使用最多的空格，也就是按下space鍵產生的空格。在HTML中，如果你用空格鍵產生此空格，空格是不會累加的（只算1個）。要使用html實體表示才可累加。該空格占據寬度受字體影響明顯而強烈。在inline-block布局中會搞些小破壞，在兩端對齊布局中又是不可少的元素。
 ：此空格有個相當穩健的特性，就是其占據的寬度正好是1/2個中文寬度，而且基本上不受字體影響。
  ：此空格也有個相當穩健的特性，就是其占據的寬度正好是1個中文寬度，而且基本上不受字體影響。
二：使用場景
對於 和 在一些中文排版對齊方面可以使用，如下html代碼：
<ul> <li class="li">姓  名：<input type="text" /></li> <li class="li">手 機 號：<input type="text" /></li> <li class="li">電子郵箱：<input type="text" /></li> </ul>
實現的效果如圖所示：
值得注意的是：上面的空白字符中文對齊方法在IE6下不能完全兼容。（現在誰還在兼容IE6呢，所以還是非常有用的。）