css控制文字自動(dòng)換行

1、自動(dòng)換行問題自動(dòng)換行問題正常字符的換行是比較合理的正常字符的換行是比較合理的而連續(xù)的數(shù)字和英文字符常常將容而連續(xù)的數(shù)字和英文字符常常將容器撐大器撐大挺讓人頭疼挺讓人頭疼下面介紹的是下面介紹的是CSS如何實(shí)現(xiàn)換如何實(shí)現(xiàn)換行的方法對(duì)于divp等塊級(jí)元素正常文字的換行(亞洲文字和非亞洲文字)元素?fù)碛心J(rèn)的whitespace:nmal當(dāng)定義的寬度之后自動(dòng)換行html正常文字的換行(亞洲文字和非亞洲文字)元素?fù)碛心J(rèn)的whitespace:nm

2、al當(dāng)定義css#wrapwhitespace:nmalwidth:200px1.（IE瀏覽器）連續(xù)的英文字符和阿拉伯?dāng)?shù)字使用wdwrap:breakwd或者wdbreak:breakall實(shí)現(xiàn)強(qiáng)制斷行#wrapwdbreak:breakallwidth:200px或者#wrapwdwrap:breakwdwidth:200pxabcdefghijklmnabcdefghijklmnabcdefghijklmn111111111效果：可

3、以實(shí)現(xiàn)換行2.（Firefox瀏覽器）連續(xù)的英文字符和阿拉伯?dāng)?shù)字的斷行Firefox的所有版本的沒有解決這個(gè)問題我們只有讓超出邊界的字符隱藏或者給容器添加滾動(dòng)條#wrapwdbreak:breakallwidth:200pxoverflow:autoabcdefghijklmnabcdefghijklmnabcdefghijklmn111111111效果：容器正常，內(nèi)容隱藏對(duì)于table1.(IE瀏覽器)使用tablelayout:fi

4、xed強(qiáng)制table的寬度多余內(nèi)容隱藏abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss效果：隱藏多余內(nèi)容2.(IE瀏覽器)使用tablelayout:fixed強(qiáng)制table的寬度內(nèi)層tdth采用wdbreak:breakall或者wdwrap:breakwd換行abcdefghigklmnopqrstuvwxyz1234567890abcdefghigklmnopqrstuvwxyz

5、1234567890效果：可以換行3.(IE瀏覽器)在tdth中嵌套divp等采用上面提到的divp的換行方法abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111Firefoxwdbreak:breakalloverflow:autoabcdefghijklmnabcdefghijklmnabcdefghijklmn111111111tabletablelayout:fixedabcde

6、fghigklmnopqrstuvwxyz1234567890sssssssssssssstablelayout:fixedwdbreak:breakallwdwrap:breakwdabcdefghigklmnopqrstuvwxyz1234567890ssssssssssssssabcdefghigklmnopqrstuvwxyz1234567890ssssssssssssssFFtablelayout:fixedoverflow: