最近我在寫網(wǎng)頁時(shí)遇到一個(gè)麻煩,就是使用css的word-spacing屬性卻發(fā)現(xiàn)無法生效。
p { word-spacing: 10px; }
首先我檢查了一下自己的代碼,確認(rèn)了自己沒有拼寫錯(cuò)誤,然后我嘗試了各種不同的值,但是結(jié)果都是一樣的。
最后我發(fā)現(xiàn),問題出在了中文字符上。
因?yàn)橹形淖址g默認(rèn)就有一定的間距,所以在使用word-spacing時(shí),它并不會(huì)對中文字符生效。
如果我們想要改變中文字符之間的間距,可以使用letter-spacing屬性。
p { letter-spacing: 2px; }
當(dāng)然,還有一種解決方法就是將中文字符轉(zhuǎn)化為英文字符,然后再使用word-spacing屬性。
總之,當(dāng)我們在使用css的word-spacing屬性時(shí),需要注意到中文字符的特殊性,選擇合適的解決方法才能有效改變中文字符之間的間距。