【轉(zhuǎn)】解決table不能換行的問題與css之自動(dòng)換行總結(jié)

【轉(zhuǎn)】解決table不能換行的問題與css之自動(dòng)換行總結(jié)

ID：8908873

大小：15.00 KB

頁(yè)數(shù)：2頁(yè)

時(shí)間：2018-04-11

【轉(zhuǎn)】解決table不能換行的問題與css之自動(dòng)換行總結(jié)_第1頁(yè)
【轉(zhuǎn)】解決table不能換行的問題與css之自動(dòng)換行總結(jié)_第2頁(yè)
資源描述：

《【轉(zhuǎn)】解決table不能換行的問題與css之自動(dòng)換行總結(jié)》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、轉(zhuǎn)自：http://www.ry168.net/bbs/thread-226-1-1.htmltable不能換行問題一般是：一行里面全是數(shù)字或是字母或者結(jié)尾有多個(gè)感嘆號(hào)而導(dǎo)致table不能換行，中文默認(rèn)的會(huì)自動(dòng)換行的，字母不能換行問題：style="table-layout:fixed;word-break:break-all;overflow:hidden;"?復(fù)制代碼在單元格屬性里加入上面這句，如：復(fù)制代碼用

2、表格做網(wǎng)頁(yè)排版的時(shí)候，一般都能正常使用。偏偏有時(shí)會(huì)碰到一段連續(xù)的英文詞或者一堆感嘆號(hào)(!!!)把網(wǎng)頁(yè)就撐開的現(xiàn)象?？偨Y(jié)了一下，只要在CSS中定義了如下句子，可保網(wǎng)頁(yè)不會(huì)再被撐開了。自動(dòng)換行問題,正常字符的換行是比較合理的,而連續(xù)的數(shù)字和英文字符常常將容器撐大,挺讓人頭疼,下面介紹的是CSS如何實(shí)現(xiàn)換行的方法對(duì)于div,p等塊級(jí)元素正常文字的換行(亞洲文字和非亞洲文字)元素?fù)碛心J(rèn)的white-space:normal,當(dāng)定義的寬度之后自動(dòng)換行html?正常文字的換行(亞洲文字和非亞洲文字)元素?fù)碛心J(rèn)的white-sp

3、ace:normal,當(dāng)定義

css?#wrap{white-space:normal;width:200px;}IE瀏覽器連續(xù)的英文字符和阿拉伯?dāng)?shù)字,使用word-wrap:break-word;或者word-break:break-all;實(shí)現(xiàn)強(qiáng)制斷行html?abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111
css?#wrap{word-break:break-all;width:200px;}或者?#wrap{word-wrap:brea

4、k-word;width:200px;}Firefox瀏覽器連續(xù)的英文字符和阿拉伯?dāng)?shù)字的斷行,Firefox的所有版本的沒有解決這個(gè)問題,我們只有讓超出邊界的字符隱藏或者,給容器添加滾動(dòng)條html?abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111

css?#wrap{word-break:break-all;width:200px;overflow:auto;}對(duì)于table元素IE瀏覽器1.使用table-layout:fixed;強(qiáng)制table的寬度,

5、多余內(nèi)容隱藏abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss復(fù)制代碼2.使用table-layout:fixed;強(qiáng)制table的寬度,內(nèi)層td,th采用word-break:break-all;或者word-wrap:break-word;換行

6、="25%"style="word-break:break-all;">abcdefghigklmnopqrstuvwxyz1234567890abcdefghigklmnopqrstuvwxyz1234567890復(fù)制代碼3.在td,th中嵌套div,p等采用上面提到的div,p的換行方法Firefox瀏覽器1.使用table-layout:fixed;強(qiáng)制table的寬度,內(nèi)層td,th采用word-break:break-all;

7、或者word-wrap:break-word;換行，使用overflow:hidden;隱藏超出內(nèi)，這里overflow:auto;無法起作用abcdefghigklmnopqrstuvwxyz1234567890

8、en;">abcdefghigklmnopqrstuvwxyz1234567890復(fù)制代碼2.在td

當(dāng)前文檔最多預(yù)覽五頁(yè)，下載文檔查看全文
侵權(quán)申訴

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁(yè)，下載文檔查看全文
溫馨提示：
1. 部分包含數(shù)學(xué)公式或PPT動(dòng)畫的文件，查看預(yù)覽時(shí)可能會(huì)顯示錯(cuò)亂或異常，文件下載后無此問題，請(qǐng)放心下載。
2. 本文檔由用戶上傳，版權(quán)歸屬用戶，天天文庫(kù)負(fù)責(zé)整理代發(fā)布。如果您對(duì)本文檔版權(quán)有爭(zhēng)議請(qǐng)及時(shí)聯(lián)系客服。
3. 下載前請(qǐng)仔細(xì)閱讀文檔內(nèi)容，確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載，若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時(shí)可能由于網(wǎng)絡(luò)波動(dòng)等原因無法下載或下載錯(cuò)誤，付費(fèi)完成后未能成功下載的用戶請(qǐng)聯(lián)系客服處理。
相關(guān)標(biāo)簽