css中强制性换行word

2020-10-24 22:41 jianzhan
检测用的HTML编码

拷贝编码
编码以下:

<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>中英文混排的状况。Chinese and English. 中英文混排的状况。Chinese and English.</div>

1.
拷贝编码
编码以下:
.c1{ width:300px;word-break:normal;border:1px solid red;}






假如內容是长英文本符串的话,IE6会把器皿撑开,别的访问器只会外溢,不容易撑开
2.
拷贝编码
编码以下:
.c1{ width:300px;word-break:break-all;border:1px solid red;}
 


长英文本符串在火狐下不可以换行  
3.
拷贝编码
编码以下:
.c1{ width:300px;word-break:keep-all;border:1px solid red;}
 



IE6下,英文长标识符创和汉语长句会撑开器皿,IE7、IE8立即外溢,火狐下仅有长英文本符串会外溢。  
4.
拷贝编码
编码以下:
.c1{ width:300px;word-wrap:normal;border:1px solid red;}
这个跟第1种状况1样  
5.
拷贝编码
编码以下:
.c1{ width:300px;word-wrap:break-word;border:1px solid red;}


全部访问器都换行了  
6.
拷贝编码
编码以下:
.c1{ width:300px;white-space:normal;border:1px solid red;}
跟第1种状况1样
7.
拷贝编码
编码以下:
.c1{ width:300px;white-space:pre;border:1px solid red;}



    IE6下所有撑开,IE7、IE8、Firefox下所有外溢  
8.
拷贝编码
编码以下:
.c1{ width:300px;white-space:nowrap;border:1px solid red;}
与7同样