1.word-break: normal? / break-all / keep-all;

①break-all：允許打斷單詞換行，主要針對長的英文單詞及阿拉伯長數據，在某一行空間不足自動換為下一行問題。

②keep-all：不允許CJK(Chinese/Japanese/Korean)文本中的單詞換行，只能在半角空格或連字符處換行；非CJK文本的行為實際上和normal一致。這是為亞洲設置的屬性，所以支持性不是很好。

2.word-wrap:normal? / break-word;

①break-word：防止當一個字符串太長而找不到它的自然斷句點時，產生溢出現象。

出現溢出

3. word-spacing: **px/em;

文字間距，不支持百分比，這個屬性就不寫demo了。

4.white-space：normal | pre | nowrap | pre-wrap | pre-line

pre：用等寬字體顯示預先格式化的文本，不合并文字間的空白距離，當文字超出邊界時不換行。可查閱pre對象

nowrap：強制在同一行內顯示所有文本，合并文本間的多余空白，直到文本結束或者遭遇br對象。

pre-wrap：用等寬字體顯示預先格式化的文本，不合并文字間的空白距離，當文字碰到邊界時發生換行。

pre-line：保持文本的換行，不保留文字間的空白距離，當文字碰到邊界時發生換行。

使用最多的就是nowrap了，看看它的效果：

最后，做一個項目經常遇到的樣式：讓一個文本單行顯示過長，出現省略號。

css樣式設置如下；

.p2{

height:20px;

margin:5%auto;

border:1px solid gold;

width:16%;

overflow:hidden;

white-space:nowrap;

text-overflow:ellipsis;

}

2017/10/11補充：

letter-spacing?字符間距，每一個字符之間的間距。

如果該文對你有用，不要吝嗇你的愛心“?”哦！