table：表格设置table-layout：fixed属性后，如果表格中第一行出现合并单元格，那么后面tr中的td设置宽度无效

针对上面的问题，现在又两种解决方法：

[html]view plaincopy

1. <tablestyle=>
2. <trstyle="display:none">
3. <tdwidth="30%"></td>
4. <tdwidth="40%"></td>
5. <tdwidth="30%"></td>
6. </tr>
7. <tr>
8. <tdcolspan="3">统计表</td>
9. </tr>
10. <tr>
11. <td>111</td>
12. <td>222</td>
13. <td>333</td>
14. </tr>
15. </table>

[html]view plaincopy

1. <table>
2. <colstyle="width:100px"/>
3. <colstyle="width:200px"/>
4. <colstyle="width:300px"/>
5. <tbody>
6. <tr>
7. <tdcolspan="3">统计表</td>
8. </tr>
9. <tr>
10. <td>111</td>
11. <td>222</td>
12. <td>333</td>
13. </tr>
14. </tbody>

对于表格单元格文字过长，可以通过设置td的属性word-wrap:break-word

注意：

table中的宽度设置无效：

table-layout:fixed; 必须设置width的值:<table style="table-layout:fixed"><td style="width:50px;"></td></table>

2.在如果th的宽没有设置，那么在td里面添加一个节点，如果div，通过设置td里面节点的width值来达到控制td的width的值:<td><div style="width:50px;"></div></td>

文章来源: table：表格设置table-layout：fixed属性后，如果表格中第一行出现合并单元格，那么后面tr中的td设置宽度无效