來源:互聯網網民 2008-09-24 07:29:54
評論壓縮圖片：img { max-width: 500px; width:expression(this.width > 500 ? "500px" : this.width);}
用表格做網頁排版的時候，一般都能正常使用。偏偏有時會碰到一段連續的英文詞或者一堆感歎號(!!!)把網頁就撐開的現象：
總結了一下，只要在CSS中定義了如下句子，可保網頁不會再被撐開了。
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;)就可以解決。此樣式可以讓表格中的一些連續的英文單詞自動換行。
壓縮圖片：img { max-width: 500px; width:expression(this.width > 500 ? "500px" : this.width);}
用表格做網頁排版的時候，一般都能正常使用。偏偏有時會碰到一段連續的英文詞或者一堆感歎號(!!!)把網頁就撐開的現象：
總結了一下，只要在CSS中定義了如下句子，可保網頁不會再被撐開了。
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;)就可以解決。此樣式可以讓表格中的一些連續的英文單詞自動換行。
订阅
