css實現強制不換行/自動換行/強制換行

強制不換行div{
white-space:nowrap;
}
自動換行div{
word-wrap: break-word;
word-break: normal;
}
強制英文單詞斷行div{
word-break:break-all;
}
總結如下(xià)：
　　word-wrap是控制換行的。
　　使用break-word時，是将強制換行。中(zhōng)文沒有任何問題，英文語句也沒問題。但是對于長串的英文，就不起作用。
　　break-word是控制是否斷詞的。
　　normal是默認情況，英文單詞不被拆開(kāi)。
　　break-all，是斷開(kāi)單詞。在單詞到邊界時，下(xià)個字母自動到下(xià)一(yī)行。主要解決了長串英文的問題。
　　keep-all，是指Chinese, Japanese, and Korean不斷詞。即隻用此時，不用word-wrap，中(zhōng)文就不會換行了。（英文語句正常。）
　　ie下(xià)：
　　使用word-wrap:break-word;所有的都正常。
　　ff下(xià)：
　　如這2個都不用的話(huà)，中(zhōng)文不會出任何問題。英文語句也不會出問題。但是，長串英文會出問題。
　　爲了解決長串英文，一(yī)般用word-wrap:break-word;word-break:break-all;。但是，此方式會導緻，普通的英文語句中(zhōng)的單詞會被斷開(kāi)（ie下(xià)也是）。
　　目前主要的問題存在于 長串英文 和 英文單詞被斷開(kāi)。其實長串英文就是一(yī)個比較長的單詞而已。
　　即英文單詞應不應該被斷開(kāi)那？那問題很明顯了，顯然不應該被斷開(kāi)了。
　　對于長串英文，就是惡意的東西，自然不用去(qù)管了。但是，也要想些辦法，不讓它把容器撐大(dà)。
　　用：overflow:auto; ie下(xià)，長串會自動折行。ff下(xià)，長串會被遮蓋。
　　所以，綜上，最好的方式是word-wrap:break-word;overflow:hidden;而不是word-wrap:break-word;word-break:break-all;。
　　word-wrap:break-word;overflow:auto;在ie下(xià)沒有任何問題。在ff下(xià)，長串會被遮住部分(fēn)内容。