CSS网站实用技巧：word-wrap同word-break的区别

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

　　</style>

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

　　<div class="c1">

　　safjaskflasjfklsajfklasjflksajflksjflkasjfksafj

　　</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>