用表格做網(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ù)的英文單詞自動換行。
新聞熱點(diǎn)
疑難解答