CSS控制文本自動(dòng)換行的問題
更新時(shí)間:2007年04月16日 00:00:00 作者:
用表格做網(wǎng)頁排版的時(shí)候,一般都能正常使用。偏偏有時(shí)會(huì)碰到一段連續(xù)的英文詞或者一堆感嘆號(hào)(!!!)把網(wǎng)頁就撐開的現(xiàn)象:(
總結(jié)了一下,只要在CSS中定義了如下句子,可保網(wǎng)頁不會(huì)再被撐開了。
table{table-layout: fixed;}
td(word-break: break-all; word-wrap:break-word;)
注釋一下:
1.第一條table{table-layout: fixed;},此樣式可以讓表格中有!!!(感嘆號(hào))之類的字符時(shí)自動(dòng)換行。
2.td{word-break: break-all},一般用這句這OK了,但在有些特殊情況下還是會(huì)撐開,因此需要再加上后面一句(word-wrap:break-word;)就可以解決。此樣式可以讓表格中的一些連續(xù)的英文單詞自動(dòng)換行。
總結(jié)了一下,只要在CSS中定義了如下句子,可保網(wǎng)頁不會(huì)再被撐開了。
table{table-layout: fixed;}
td(word-break: break-all; word-wrap:break-word;)
注釋一下:
1.第一條table{table-layout: fixed;},此樣式可以讓表格中有!!!(感嘆號(hào))之類的字符時(shí)自動(dòng)換行。
2.td{word-break: break-all},一般用這句這OK了,但在有些特殊情況下還是會(huì)撐開,因此需要再加上后面一句(word-wrap:break-word;)就可以解決。此樣式可以讓表格中的一些連續(xù)的英文單詞自動(dòng)換行。
相關(guān)文章
Web2.0下XHTML+CSS 設(shè)計(jì)需要注意的地方小結(jié)
在web2.0開發(fā)下,幾點(diǎn)需要注意的地方,我們把它整理了下,希望可以對(duì)這方面有興趣的朋友提供一些幫助2007-12-12用iframe margin實(shí)現(xiàn)調(diào)用其他網(wǎng)頁的某一區(qū)域的方法
用iframe margin實(shí)現(xiàn)調(diào)用其他網(wǎng)頁的某一區(qū)域的方法...2007-12-12DIV+CSS經(jīng)常用到的屬性、參數(shù)及說明
用過DIV+CSS seo教程布局網(wǎng)站的人都會(huì)喜歡上這種方式,雖然開始沒有用傳統(tǒng)的table直觀,但用習(xí)慣了就會(huì)感覺出DIV+CSS的優(yōu)越。實(shí)際應(yīng)用中我搜索了DIV+CSS的常用定義項(xiàng),并對(duì)其參數(shù)作了歸納和說明,與喜歡DIV+CSS的朋友共享。2008-09-09