兩者皆可實(shí)現(xiàn)斷詞的效果,看定義我是懵逼的芭挽,沒(méi)辦法滑废,只能直接上demo
image.png
樣式定義如下
.test {
width: 300px;
height: 500px;
margin: 50px;
background: green;
float: left;
}
.wordBreak {
word-break: break-all;
}
.wordWrap {
word-wrap: break-word;
}
比較之后可以發(fā)現(xiàn),如果不采用斷詞袜爪,會(huì)超出dom蠕趁,這顯然不是我們要的效果,word-wrap:break-word會(huì)單獨(dú)起一行饿敲,如果單詞一行顯示不全妻导,則新起一行逛绵,但是word-break:break-all怀各,則很暴力,完全不浪費(fèi)一點(diǎn)空間术浪,只要到達(dá)了dom邊界瓢对,直接斷詞,另外word-break還有一個(gè)屬性break-word胰苏,這和word-wrap:break-word效果一致