css常用屬性總結：關於word-spacing和letter-spacing的使用

前端時間項目版本迭代，修改代碼時發現使用了關於word-spacing和letter-spacing。先說下使用場景，以前的項目中，經常遇到某些字符間有一些間距，我看了一些同事的代碼是這么實現的:

<p>操&nbsp作</p>

如果之間比一個空格距離要寬的話，就多加幾個&nbsp，這個方法雖然可行，總覺得是太暴力了，於是自己使用了css來實現該效果，但是中間也遇到一些以前沒注意問題，那就是word-spacing和letter-spacing的差別。

開始自己也想很簡單，於是直接使用p{word-spacing:10px;},然后直接尷尬了，沒有任何效果，主要原因還是沒有細究兩個之間的差別，先看看它的語法吧。

letter-spacing

　　語法：
　　letter-spacing : normal | length
　　參數：
　　normal : 　默認間隔
　　length : 　由浮點數字和單位標識符組成的長度值，允許為負值。請參閱長度單位
　　說明：
　　檢索或設置對象中的文字之間的間隔。
　　該屬性將指定的間隔添加到每個文字之后，但最后一個字將被排除在外。
　　對應的腳本特性為letterSpacing。

word-spacing

　　語法：
　　word-spacing : normal | length
　　參數：
　　normal : 　默認間距
　　length : 　由浮點數字和單位標識符組成的長度值，允許為負值。請參閱長度單位
　　說明：
　　檢索或設置對象中的單詞之間插入的空格數。對於IE4+而言僅在MAC平台上可用。
　　對應的腳本特性為wordSpacing。

總結起來：letter-spacing為每個字符之間的空白距離，word-spacing為單詞之間的空白距離，

其他沒有效果，所以上面就好解釋了，中文文字下用word-spacing是沒有效果的，所以只能用letter-spacing。