1.你定死表格的寬度，即給表格一個(gè)寬度值(是數(shù)值，不是百分比)

2.強(qiáng)制不換行div{//white-space：不換行;normal默認(rèn);nowrap強(qiáng)制在同一行內(nèi)顯示所有文本，直到文本結(jié)束或者遭遇br對(duì)象white-space:nowrap;}自動(dòng)換行div{word-wrap:break-word;//word-break設(shè)置強(qiáng)行換行;normal亞洲語(yǔ)言和非亞洲語(yǔ)言的文本規(guī)則，允許在字內(nèi)換行word-break:normal;}強(qiáng)制英文單詞斷行div{word-break:break-all;}

3.總結(jié)了一下，只要在CSS中定義了如下句子，可保網(wǎng)頁(yè)不會(huì)再被撐開(kāi)了。table{table-layout:fixed;}td(word-break:break-all;word-wrap:break-word;)注釋一下：1.第一條table{table-layout:fixed;}，此樣式可以讓表格中有!!!(感嘆號(hào))之類(lèi)的字符時(shí)自動(dòng)換行。2.td{word-break:break-all}，一般用這句這OK了，但在有些特殊情況下還是會(huì)撐開(kāi)，因此需要再加上后面一句(word-wrap:break-word;)就可以解決。此樣式可以讓表格中的一些連續(xù)的英文單詞自動(dòng)換行。http://www.knowsky.com/(1)語(yǔ)法：word-break:normal|break-all|keep-all參數(shù)：normal:依照亞洲語(yǔ)言和非亞洲語(yǔ)言的文本規(guī)則，允許在字內(nèi)換行break-all:該行為與亞洲語(yǔ)言的normal相同。也允許非亞洲語(yǔ)言文本行的任意字內(nèi)斷開(kāi)。該值適合包含一些非亞洲文本的亞洲文本keep-all:與所有非亞洲語(yǔ)言的normal相同。對(duì)于中文，韓文，日文，不允許字?jǐn)嚅_(kāi)。適合包含少量亞洲文本的非亞洲文本(2)語(yǔ)法：word-wrap:normal|break-word參數(shù)：normal:允許內(nèi)容頂開(kāi)指定的容器邊界break-word:內(nèi)容將在邊界內(nèi)換行。如果需要，詞內(nèi)換行(word-break)也行發(fā)生說(shuō)明：設(shè)置或檢索當(dāng)當(dāng)前行超過(guò)指定容器的邊界時(shí)是否斷開(kāi)轉(zhuǎn)行。對(duì)應(yīng)的腳本特性為word-wrap。請(qǐng)參閱我編寫(xiě)的其他書(shū)目。(3)語(yǔ)法：table-layout:auto|fixed參數(shù)：auto:默認(rèn)的自動(dòng)算法。布局將基于各單元格的內(nèi)容。表格在每一單元格讀取計(jì)算之后才會(huì)顯示出來(lái)。速度很慢fixed:固定布局的算法。在這算法中，水平布局是僅僅基于表格的寬度，表格邊框的寬度，單元格間距，列的寬度，而和表格內(nèi)容無(wú)關(guān)說(shuō)明：如何讓表格自動(dòng)換行?設(shè)置或檢索表格的布局算法。對(duì)應(yīng)的腳本特性為tableLayout。

4.按照網(wǎng)上大多數(shù)文章的說(shuō)法，只要在CSS中加入：代碼..........Code:table{table-layout:fixed;word-break:break-all;word-wrap:break-word;}div{word-break:break-all;word-wrap:break-word;}就可以解決表格和層被撐破，最初我也是這樣做的。不過(guò)這樣的代碼會(huì)造成一個(gè)問(wèn)題，你會(huì)發(fā)現(xiàn)英文詞全部被截?cái)嗔耍@不符合英語(yǔ)的書(shū)寫(xiě)習(xí)慣也不利于閱讀。后來(lái)我發(fā)現(xiàn)上述代碼改寫(xiě)一下就可以做到既防止表格/層撐破又防止單詞斷裂了。如下：代碼Code:table{table-layout:fixed;word-wrap:break-word;}div{word-wrap:break-word;}