word-wrap��word-break������(���� IE �� FF&

word-wrap:
normal   Default. Content exceeds the boundaries of its container.
break-word Content wraps to next line, and a word-break occurs when necessary. ��Ҫʱ�ᴥ��word-break��

word-break:
normal   Default. Allows line breaking within words. ������ֻ��Asian text�����á�
break-all Behaves the same as normal for Asian text, yet allows the line to break arbitrarily for non-Asian text. This value is suited to Asian text that contains some excerpts of non-Asian text.
keep-all Does not allow word breaking for Chinese, Japanese, and Korean. Functions the same way as normal for all non-Asian languages. This value is optimized for text that includes small amounts of Chinese, Japanese, or Korean.

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