CSS控制文本自動換行的問題
更新時間：2007年04月16日 00:00:00 作者：
用表格做網(wǎng)頁排版的時候，一般都能正常使用。偏偏有時會碰到一段連續(xù)的英文詞或者一堆感嘆號(!!!)把網(wǎng)頁就撐開的現(xiàn)象：（
總結(jié)了一下，只要在CSS中定義了如下句子，可保網(wǎng)頁不會再被撐開了。
table{table-layout: fixed;}
td(word-break: break-all; word-wrap:break-word;)
注釋一下：
1.第一條table{table-layout: fixed;}，此樣式可以讓表格中有!!!(感嘆號)之類的字符時自動換行。
2.td{word-break: break-all}，一般用這句這OK了，但在有些特殊情況下還是會撐開，因此需要再加上后面一句(word-wrap:break-word;)就可以解決。此樣式可以讓表格中的一些連續(xù)的英文單詞自動換行。
總結(jié)了一下，只要在CSS中定義了如下句子，可保網(wǎng)頁不會再被撐開了。
table{table-layout: fixed;}
td(word-break: break-all; word-wrap:break-word;)
注釋一下：
1.第一條table{table-layout: fixed;}，此樣式可以讓表格中有!!!(感嘆號)之類的字符時自動換行。
2.td{word-break: break-all}，一般用這句這OK了，但在有些特殊情況下還是會撐開，因此需要再加上后面一句(word-wrap:break-word;)就可以解決。此樣式可以讓表格中的一些連續(xù)的英文單詞自動換行。
相關(guān)文章
Web2.0下XHTML+CSS 設(shè)計需要注意的地方小結(jié)
在web2.0開發(fā)下，幾點需要注意的地方，我們把它整理了下，希望可以對這方面有興趣的朋友提供一些幫助2007-12-12
瀏覽器的不兼容，大家肯定都是深惡痛絕的，往往我們只是去做修補(bǔ)，卻忘了更重要的事情，那就是追溯根源，避免類似的不兼容再次出現(xiàn)。2008-08-08
用iframe margin實現(xiàn)調(diào)用其他網(wǎng)頁的某一區(qū)域的方法
用iframe margin實現(xiàn)調(diào)用其他網(wǎng)頁的某一區(qū)域的方法...2007-12-12
div+CSS兼容小摘，比較實用的小技巧。2009-11-11
DIV+CSS經(jīng)常用到的屬性、參數(shù)及說明
用過DIV+CSS seo教程布局網(wǎng)站的人都會喜歡上這種方式，雖然開始沒有用傳統(tǒng)的table直觀，但用習(xí)慣了就會感覺出DIV+CSS的優(yōu)越。實際應(yīng)用中我搜索了DIV+CSS的常用定義項，并對其參數(shù)作了歸納和說明，與喜歡DIV+CSS的朋友共享。2008-09-09
使用有趣的自定義標(biāo)記布局頁面...2006-11-11
用css實現(xiàn)隱藏文本框...2007-08-08
Meta標(biāo)簽詳解...2007-02-02
很多CSSer是從以前的網(wǎng)頁制作中開始學(xué)習(xí)CSS網(wǎng)頁布局的，或許還存在著一定的DW習(xí)慣。希望此文能幫助大家理解和糾正一些不好的習(xí)慣。2008-11-11
在Html的form點擊提交時，form內(nèi)所有Input?filed的內(nèi)容，只要是有name屬性的，并且沒有disabled屬性的，都會被提交，即通過網(wǎng)絡(luò)發(fā)送到指定的URL。這是正常情況，如果有不想提交的input屬性呢？2022-12-12