本篇內(nèi)容主要講解“css如何實(shí)現(xiàn)連續(xù)的英文或數(shù)字自動(dòng)換行”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“css如何實(shí)現(xiàn)連續(xù)的英文或數(shù)字自動(dòng)換行”吧!

創(chuàng)新互聯(lián)建站堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站建設(shè)、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的定日網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

對(duì)于div
1.（IE瀏覽器）white-space:normal; word-break:break-all;這里前者是遵循標(biāo)準(zhǔn)。

代碼如下:

#wrap{white-space:normal; width:200px; }

或者

代碼如下:

#wrap{word-break:break-all;width:200px;}

效果：可以實(shí)現(xiàn)換行

2.（Firefox瀏覽器）white-space:normal; word-break:break-all;overflow:hidden;同樣的FF下也沒(méi)有很好的實(shí)現(xiàn)方法，只能隱藏或者加滾動(dòng)條，當(dāng)然不加滾動(dòng)條效果更好！

代碼如下:

#wrap{white-space:normal; width:200px; overflow:auto;}

或者

代碼如下:

#wrap{word-break:break-all;width:200px; overflow:auto; }

效果：容器正常，內(nèi)容隱藏
對(duì)于table

1. (IE瀏覽器)使用樣式table-layout:fixed；

代碼如下:

abcdefghigklmnopqrstuvwxyz 1234567890

效果：可以換行

2.(IE瀏覽器)使用樣式table-layout:fixed與nowrap

代碼如下:

abcdefghigklmnopqrstuvwxyz 1234567890

效果：可以換行

3. (IE瀏覽器)在使用百分比固定td大小情況下使用樣式table-layout:fixed與nowrap

代碼如下:

abcdefghigklmnopqrstuvwxyz 1234567890

abcdefghigklmnopqrstuvwxyz 1234567890

效果：兩個(gè)td均正常換行

4.(Firefox瀏覽器)在使用百分比固定td大小情況下使用樣式table-layout:fixed與nowrap,并且使用div

代碼如下:

abcdefghigklmnopqrstuvwxyz 1234567890

abcdefghigklmnopqrstuvwxyz 1234567890

這里單元格寬度一定要用百分比定義
效果：正常顯示，但不能換行（注：在FF下還沒(méi)有能使容器內(nèi)容換行的好方法，只能用overflow將多出的內(nèi)容隱藏，以免影響整體效果）

到此，相信大家對(duì)“css如何實(shí)現(xiàn)連續(xù)的英文或數(shù)字自動(dòng)換行”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)建站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

文章題目：css如何實(shí)現(xiàn)連續(xù)的英文或數(shù)字自動(dòng)換行-創(chuàng)新互聯(lián)
瀏覽地址：http://weahome.cn/article/csgpcg.html