word-wrap、white-space和word break的區別，whitespaceprewrap

word-wrap、white-space和word break的區別，whitespaceprewrap

1、word-wrap:break-word;

內容將在邊界內換行，僅用於塊對象，內聯對象要用的話，必須要設定height、width或display:block或position:absolute。

 

2、word-break:break-all;

用於處理單詞折斷。(注意與第一個屬性的對比)，會把整個單詞拆掉

 

3、white-space:nowrap;

用於處理元素內的空白，只在一行內顯示。

 

4、text-overflow:ellipsis;

超出部分顯示省略符號。