css中强制换行word-break、word-wrap、white-space区别实

<div class="c1">safjaskflasjfklsajfklasjflksajflksjflkasfdsafdsfksafj</div>
<div class=c1>This is all English. This is all English. This is all English.</div>
<div class=c1>全是中文的情况。全是中文的情况。全是中文的情况。</div>
<div class=c1>中英文混排的情况。Chese and English. 中英文混排的情况。Chese and English.</div>

.c1{ width:300px;word-break:normal;border:1px solid red;}

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

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

.c1{ width:300px;word-wrap:normal;border:1px solid red;}

.c1{ width:300px;word-wrap:break-word;border:1px solid red;}

.c1{ width:300px;white-space:normal;border:1px solid red;}

.c1{ width:300px;white-space:pre;border:1px solid red;}

.c1{ width:300px;white-space:nowrap;border:1px solid red;}