我在首页做了3个大表格布局，是从上到下排列的，宽度都设置为100%。做好后，用浏览器浏览，当网页不是最大化时，有滚动条出现，上面两个表格都自动换行，里面的文字也换行，最下面那个表格没有换行，这是为什么啊。我不想上面那两个表格换行，该怎么做啊。。谢谢`~
參考答案:表格自动换行代码网页中自动换行代码
下面两个表格所设定的宽度都是200 上面的表格有自动换行 下面的表格没有，表格中的字母“d”的字符数是一样的(150个d)，显示区别如下（点下代码会弹出页面来显示表格效果）
<table border="0" cellpadding="0" cellspacing="0" style="TABLE-LAYOUT: fixed" >
<tr>
<td width="200" style="word-break:break-all">dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</td>
</tr>
</table><br>下面是没有自动换行的表格 以示区别<br><table border="0" cellpadding="0" cellspacing="0" >
<tr>
<td width="200" >dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</td>
</tr>
</table>
用表格做网页排版的时候，一般都能正常使用。偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象：（
总结了一下，只要在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;)就可以解决。此样式可以让表格中的一些连续的英文单词自动换行。
参考资料：
