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

一、word-wrap:break-word;

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

 

二、word-break:break-all;

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

 

三、white-space:nowrap;

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

 

四、text-overflow:ellipsis;

超出部分顯示省略號。