CSS控制文本自動(dòng)換行的問(wèn)題
更新時(shí)間：2007年04月16日 00:00:00 作者：
用表格做網(wǎng)頁(yè)排版的時(shí)候，一般都能正常使用。偏偏有時(shí)會(huì)碰到一段連續(xù)的英文詞或者一堆感嘆號(hào)(!!!)把網(wǎng)頁(yè)就撐開(kāi)的現(xiàn)象：（
總結(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)換行。
總結(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)換行。
相關(guān)文章
符合標(biāo)準(zhǔn)，多瀏覽器兼容的圖片垂直居中效果代碼2008-08-08
解決鼠標(biāo)在 flash 鏈接上不停閃動(dòng)的問(wèn)題（web頁(yè)面中）
解決鼠標(biāo)在 flash 鏈接上不停閃動(dòng)的問(wèn)題（web頁(yè)面中）...2006-12-12
全國(guó)哀悼日網(wǎng)站頁(yè)面變成灰色的filter方法
今天訪問(wèn)好多網(wǎng)站包括百度，啟點(diǎn)等網(wǎng)站都變成了黑白色界面，體現(xiàn)大家對(duì)于四川地震的深切哀悼，但有好的站長(zhǎng)不一定知道是什么方法，還以為是大量改版，對(duì)于任何人都不是很輕松的事，特將本站的解決方法告訴大家。2008-05-05
本文主要介紹html5手機(jī)觸屏touch事件，簡(jiǎn)單舉例，需要的朋友可以參考下。2016-06-06
讓iframe自適應(yīng)高度（支持xhtml）IE firefox兼容
讓iframe自適應(yīng)高度（支持xhtml）IE firefox兼容...2007-04-04
CSS Hack大全-教你如何區(qū)分出IE6-IE10、FireFox、Chrome、Opera
今天把一些常用的CSS Hack整理了一下，包括常用的IE hack以及火狐、Chrome、Opera瀏覽器的Hack，并把這些CSS Hack綜合的一起，寫(xiě)了一個(gè)小的瀏覽器測(cè)試器2014-05-05
淺談html中id和name的區(qū)別實(shí)例代碼
這個(gè)是form里面的name與id的區(qū)別2008-07-07
web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題集合2
web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題集合2...2006-11-11
又一實(shí)用的常用CSS縮寫(xiě)語(yǔ)法收集
又一實(shí)用的常用CSS縮寫(xiě)語(yǔ)法收集...2007-11-11
《CSS3實(shí)戰(zhàn)》筆記--漸變?cè)O(shè)計(jì)（二)
這篇文章主要介紹了《CSS3實(shí)戰(zhàn)》筆記--漸變?cè)O(shè)計(jì)（二,需要的朋友可以參考下2016-05-05