欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

css中強(qiáng)制換行word-break、word-wrap、white-space區(qū)別實(shí)例說(shuō)明

  發(fā)布時(shí)間：2012-03-25 21:17:36   作者：佚名   我要評(píng)論
css中強(qiáng)制換行word-break、word-wrap、white-space區(qū)別實(shí)例說(shuō)明，需要的朋友可以參考下
測(cè)試用的HTML代碼

復(fù)制代碼
代碼如下:

<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.
復(fù)制代碼
代碼如下:
.c1{ width:300px;word-break:normal;border:1px solid red;}






如果內(nèi)容是長(zhǎng)英文字符串的話(huà)，IE6會(huì)把容器撐開(kāi)，其他瀏覽器只會(huì)溢出，不會(huì)撐開(kāi)
2.
復(fù)制代碼
代碼如下:
.c1{ width:300px;word-break:break-all;border:1px solid red;}
 


長(zhǎng)英文字符串在火狐下不能換行  
3.
復(fù)制代碼
代碼如下:
.c1{ width:300px;word-break:keep-all;border:1px solid red;}
 



IE6下，英文長(zhǎng)字符創(chuàng)和中文長(zhǎng)句會(huì)撐開(kāi)容器，IE7、IE8直接溢出，火狐下只有長(zhǎng)英文字符串會(huì)溢出。  
4.
復(fù)制代碼
代碼如下:
.c1{ width:300px;word-wrap:normal;border:1px solid red;}
這個(gè)跟第一種情況一樣  
5.
復(fù)制代碼
代碼如下:
.c1{ width:300px;word-wrap:break-word;border:1px solid red;}


所有瀏覽器都換行了  
6.
復(fù)制代碼
代碼如下:
.c1{ width:300px;white-space:normal;border:1px solid red;}
跟第一種情況一樣
7.
復(fù)制代碼
代碼如下:
.c1{ width:300px;white-space:pre;border:1px solid red;}



    IE6下全部撐開(kāi)，IE7、IE8、Firefox下全部溢出  
8.
復(fù)制代碼
代碼如下:
.c1{ width:300px;white-space:nowrap;border:1px solid red;}
與7相同

相關(guān)文章

最新評(píng)論