1.word-break: normal? / break-all / keep-all;
①break-all:允許打斷單詞換行,主要針對(duì)長(zhǎng)的英文單詞及阿拉伯長(zhǎng)數(shù)據(jù),在某一行空間不足自動(dòng)換為下一行問(wèn)題。

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

2.word-wrap:normal? / break-word;
①break-word:防止當(dāng)一個(gè)字符串太長(zhǎng)而找不到它的自然斷句點(diǎn)時(shí),產(chǎn)生溢出現(xiàn)象。

3. word-spacing: **px/em;
文字間距,不支持百分比,這個(gè)屬性就不寫(xiě)demo了。
4.white-space:normal | pre | nowrap | pre-wrap | pre-line
pre:用等寬字體顯示預(yù)先格式化的文本,不合并文字間的空白距離,當(dāng)文字超出邊界時(shí)不換行。可查閱pre對(duì)象
nowrap:強(qiáng)制在同一行內(nèi)顯示所有文本,合并文本間的多余空白,直到文本結(jié)束或者遭遇br對(duì)象。
pre-wrap:用等寬字體顯示預(yù)先格式化的文本,不合并文字間的空白距離,當(dāng)文字碰到邊界時(shí)發(fā)生換行。
pre-line:保持文本的換行,不保留文字間的空白距離,當(dāng)文字碰到邊界時(shí)發(fā)生換行。
使用最多的就是nowrap了,看看它的效果:

最后,做一個(gè)項(xiàng)目經(jīng)常遇到的樣式:讓一個(gè)文本單行顯示過(guò)長(zhǎng),出現(xiàn)省略號(hào)。

css樣式設(shè)置如下;
.p2{
height:20px;
margin:5%auto;
border:1px solid gold;
width:16%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
2017/10/11補(bǔ)充:
letter-spacing?字符間距,每一個(gè)字符之間的間距。
如果該文對(duì)你有用,不要吝嗇你的愛(ài)心“?”哦!