今天遇到一個問題，在對話頁面，輸入aaaaaa…，一直到100（最多100）個字元，傳送之後，發現超過了對話方塊的長度，沒有換行，數字也是一樣，但是輸入100個漢字，就可以自動換行。 在F12裡檢視對話方塊的樣式，是用white-space: normal來控制換行，預設是normal， 一長串英文字元（中間沒空格）不會自動換行，比 如：sssssssssssssssssssss…不能處理自動換行，而漢字字元卻可以自動換行。原因是：

英文字母之間如果沒有空格，系統認為是一個單詞，就不會自動換行。漢字就沒有這種情況。

對於這種情況，要使用斷詞屬性word-break:brrak-all，或者換行屬性word-wrap:break-word,

word-wrap:break-word與word-break:break-all共同點是都能把長單詞強行斷句(換行)，不同點是word-wrap:break-word會首先起一個新行來放置長單詞，新的行還是放不下這個長單詞則會對長單詞進行強制斷句；而word-break:break-all則不會把長單詞放在一個新行裡，當這一行放不下的時候就直接強制斷句了。 輸入ddddddddddd ssssssssssssssssssssss…，分別用兩種屬性，區別如下： word-wrap:break-word: word-break:break-all: 具體屬性如下：

這裡貼出white-space的屬性

主要用的就是著兩種，normal會忽略空白，打多個空格只顯示一個，nowrap是強制不換行，經常用於單元格長度過長時，用省略號顯示，下面三個屬性一起使用。

{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

超出隱藏（overflow:hidden;） 強制在同一行顯示（white-space: nowrap;） 省略號（text-overflow:ellipsis;）