溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關css中怎樣設置字間距，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
其實在css中設置字間距的方法很簡單，只需要使用一個屬性就行，這個就是word-spacing屬性。
其實word-spacing屬性類似于letter-spacing，但使用它控制的是一段文本中的字（單詞或漢字）之間的空間量，而不是單個字符之間的空間量。
我們來看看word-spacing屬性的使用：
p{
word-spacing:2em;
}
word-spacing可以收到三個不同的值：
1、“normal”關鍵字，用于重置默認間距；
2、任何CSS長度單位的值（最常見的是px，em，rem）；
2、“inherit”關鍵字，它應用word-spacing父元素。
其中最佳做法是使用CSS長度單位：em；它可以調整字體大小。而使用像素可能會導致每個字（單詞或漢字）之間的間距出現問題，因為它們的大小不會縮放；通常使用rem也很好，但它的瀏覽器支持度較低。在這個用例中，最好的間距與它所應用的字（單詞或漢字）直接相關。
值得注意的是，在這種情況下，“字”實際上是指單個內聯內容-這意味著word-spacing影響inline-block元素和inline元素。在此示例中，通過設置word-spacing其父容器來隔開幾個這樣的元素：
說明：
1、word-spacing屬性可通過CSSTransitions來進行動畫處理。
1、雖然根據規范可以使用“百分比”值來確定間距，但它可能會產生不可預測的結果（通常根本沒有效果）。
3、消除內聯塊元素之間空間的一種方法是：將white-space設置為零。
關于移動瀏覽器支持度的說明：絕大多數移動設備都支持word-spacing屬性的使用，但是，使用了非Apple版本的Webkit或Netfront瀏覽器的某些設備卻不支持。
關于“css中怎樣設置字間距”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
