css強制換行和超出部分隱藏實現

一、強制換行

word-break:break-all;只對英文起做用，以字母做爲換行依據

word-wrap:break-word;只對英文起做用，以單詞做爲換行依據

white-space:pre-wrap;只對中文起做用，強制換行

word-break:break-all和word-wrap:break-word的區別：

word-break:break-all 
假設div寬度爲400px，它的內容就會到400px自動換行，若是該行末端有個很長的英文單詞，它會把單詞截斷，一部分保持在行尾，另外一部分換到下一行。 

word-wrap:break-word 
例子與上面同樣，但區別就是它會把整個單詞當作一個總體，若是該行末端寬度不夠顯示整個單詞，它會自動把整個單詞放到下一行，而不會把單詞截斷掉。

二、禁止換行

white-space:nowrap;禁止換行

white-space：normal 默認

overflow:hidden；將多出的內容隱藏起來

text-overflow:ellipsis；讓多出的內容以省略號…來表達