ie下：

　　使用word-wrap:break-word;所有的都正常。

　　ff下：

　　如這2個(gè)都不用的話(huà)，中文不會(huì )出任何問(wèn)題。英文語(yǔ)句也不會(huì )出問(wèn)題。但是，長(cháng)串英文會(huì )出問(wèn)題。

　　為了解決長(cháng)串英文，一般用word-wrap:break-word;word-break:break-all;。但是，此方式會(huì )導致，普通的英文語(yǔ)句中的單詞會(huì )被斷開(kāi)（ie下也是）。

　　目前主要的問(wèn)題存在于 長(cháng)串英文 和 英文單詞被斷開(kāi)。其實(shí)長(cháng)串英文就是一個(gè)比較長(cháng)的單詞而已。

　　即英文單詞應不應該被斷開(kāi)那？那問(wèn)題很明顯了，顯然不應該被斷開(kāi)了。

　　對于長(cháng)串英文，就是惡意的東西，自然不用去管了。但是，也要想些辦法，不讓它把容器撐大。

　　用：overflow:auto; ie下，長(cháng)串會(huì )自動(dòng)折行。ff下，長(cháng)串會(huì )被遮蓋。

　　所以，綜上，最好的方式是word-wrap:break-word;overflow:hidden;而不是word-wrap:break-word;word-break:break-all;。

　　word-wrap:break-word;overflow:auto;在ie下沒(méi)有任何問(wèn)題。在ff下，長(cháng)串會(huì )被遮住部分內容。

　　另，測試代碼如下：

　　1.htm

　　<style>

　　.c1{ width:300px;　 border:1px solid red}

　　.c2{ width:300px;word-wrap:break-word;　 border:1px solid yellow}

　　.c3{ width:300px;word-wrap:break-word;word-break:break-all;　 border:1px solid green}

　　.c4{ width:300px;word-wrap:break-word;word-break:keep-all; border:1px solid blue}

　　.c5{ width:300px;word-break:break-all;　 border:1px solid black}

　　.c6{ width:300px;word-break:keep-all;　 border:1px solid red}

　　.c7{ width:300px;word-wrap:break-word;overflow:auto;　 border:1px solid yellow}

　　</style>

　　.c1{ width:300px;　 border:1px solid red}

　　<div class="c1">asdasd

      </div>

　　<div class=c1>

　　This is all English. This is all English. This is all English.

　　</div>

　　<div class=c1>

　　全是中文的情況。全是中文的情況。全是中文的情況。

　　</div>

　　<div class=c1>

　　中英文混排的情況。Chinese and English. 中英文混排的情況。Chinese and English.

　　</div>

　　<br>

　　.c2{ width:300px;word-wrap:break-word; border:1px solid yellow}

　　<div class="c2">

　　safjaskflasjfklsajfklasjflksajflksjflkasjfksafj

　　</div>

　　<div class=c2>

　　This is all English. This is all English. This is all English.

　　</div>

　　<div class=c2>

　　全是中文的情況。全是中文的情況。全是中文的情況。

　　</div>

　　<div class=c2>

　　中英文混排的情況。Chinese and English. 中英文混排的情況。Chinese and English.

　　</div>

　　<br>

　　.c3{ width:300px;word-wrap:break-word;word-break:break-all;　 border:1px solid green}

　　<div class="c3">

　　safjaskflasjfklsajfklasjflksajflksjflkasjfksafj

　　</div>

　　<div class=c3>

　　This is all English. This is all English. This is all English.

　　</div>

　　<div class=c3>

　　全是中文的情況。全是中文的情況。全是中文的情況。

　　</div>

　　<div class=c3>

　　中英文混排的情況。Chinese and English. 中英文混排的情況。Chinese and English.

　　</div>

　　<br>

　　.c4{ width:300px;word-wrap:break-word;word-break:keep-all; border:1px solid blue}

　　<div class="c4">

　　safjaskflasjfklsajfklasjflksajflksjflkasjfksafj

　　</div>

　　<div class=c4>

　　This is all English. This is all English. This is all English.

　　</div>

　　<div class=c4>

　　全是中文的情況。全是中文的情況。全是中文的情況。

　　</div>

　　<div class=c4>

　　中英文混排的情況。Chinese and English. 中英文混排的情況。Chinese and English.

　　</div>

　　<br>

　　.c5{ width:300px;word-break:break-all;　 border:1px solid black}

　　<div class="c5">

　　safjaskflasjfklsajfklasjflksajflksjflkasjfksafj

　　</div>

　　<div class=c5>

　　This is all English. This is all English. This is all English.

　　</div>

　　<div class=c5>

　　全是中文的情況。全是中文的情況。全是中文的情況。

　　</div>

　　<div class=c5>

　　中英文混排的情況。Chinese and English. 中英文混排的情況。Chinese and English.

　　</div>

　　<br>

　　.c6{ width:300px;word-break:keep-all;　 border:1px solid red}

　　<div class="c6">

　　safjaskflasjfklsajfklasjflksajflksjflkasjfksafj

　　</div>

　　<div class=c6>

　　This is all English. This is all English. This is all English.

　　</div>

　　<div class=c6>

　　全是中文的情況。全是中文的情況。全是中文的情況。

　　</div>

　　<div class=c6>

　　中英文混排的情況。Chinese and English. 中英文混排的情況。Chinese and English.

　　</div>

　　<br>

　　.c7{ width:300px;word-wrap:break-word;overflow:auto;　 border:1px solid yellow}

　　<div class="c7">

　　safjaskflasjfklsajfklasjflksajflksjflkasjfksafj

　　</div>

　　<div class=c7>

　　This is all English. This is all English. This is all English.

　　</div>

　　<div class=c7>

　　全是中文的情況。全是中文的情況。全是中文的情況。

　　</div>

　　<div class=c7>

　　中英文混排的情況。Chinese and English. 中英文混排的情況。Chinese and English.

　　</div>