CSS實現文字不換行/自動換行/強制換行

div{white-space: nowrap;} /* 強制不換行 */
div{word-wrap: break-word; word-break: normal;} /* 自動換行 */
div{word-break: break-all;} /* 強制英文單詞斷行 */

============================================

CSS設置不轉行:

overflow:hidden 隱藏

white-space：normal 默認 

pre 換行和其餘空白字符都將受到保護

nowrap 強制在同一行內顯示全部文本，直到文本結束或者遭遇 br 對象

設置強行換行

word-break: 

normal ; 依照亞洲語言和非亞洲語言的文本規則，容許在字內換行

break-all : 　該行爲與亞洲語言的normal相同。也容許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本

keep-all : 　與全部非亞洲語言的normal相同。對於中文，韓文，日文，不容許字斷開。適合包含少許亞洲文本的非亞洲文本與之間的高度解決辦法

============================================

看了以上的介紹，趕快試一下，看看效果吧！

英文不換行

CSS里加上 word-break: break-all; 問題解決。這個問題只有IE纔有，在FF下測試,FF能夠本身加滾動條，這樣也不影響效果

建議你們作Skin時，記得在body里加 word-break: break-all; 這樣能夠解決IE的框架被英文撐開的問題

如下引用word-break的說明, 注意word-break 是IE5+專有屬性

語法：

word-break : normal | break-all | keep-all

參數：

normal : 　依照亞洲語言和非亞洲語言的文本規則，容許在字內換行

break-all : 　該行爲與亞洲語言的normal相同。也容許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本

keep-all : 　與全部非亞洲語言的normal相同。對於中文，韓文，日文，不容許字斷開。適合包含少許亞洲文本的非亞洲文本

說明：

設置或檢索對象內文本的字內換行行爲。尤爲在出現多種語言時。

對於中文，應該使用break-all 。

對應的腳本特性爲wordBreak。請參閱我編寫的其餘書目。

示例：

div {word-break: break-all;}