【HTML】【CSS】表格设置了table-layout:fixed后第一行合并单元格其下单元格宽度设置不起作用的解决方法

来源：互联网发布：linux date 输出格式编辑：程序博客网时间：2024/04/30 16:49

感谢：http://blog.csdn.net/hywink/article/details/6074489

和：http://topic.csdn.net/u/20100908/14/8a1b21d1-e284-4eb7-866b-7f7b33a7af17.html

<table width="200" border="1" cellspacing="1" cellpadding="1" style="table-layout:fixed" mce_style="table-layout:fixed">  <tr>    <td width="100">1</td>    <td colspan="2">2</td>  </tr>  <tr>    <td>1.1</td>    <td width="80">2.1</td>    <td width="20">2.2</td>  </tr></table>

表格如上，当设置了style ="table-layout:fixed" 后在第一行合并了单元格则其下面2.1、2.2的宽度设置了也不起作用。

解决办法如下，在第一行上面再加一行，不合并，然后隐藏就好了。也就是说既然这个问题是由需合并的单元格在第一行引起的，那么让需要合并单元格的行不在第一行出现便解决了。

<table  border="1" cellspacing="1" cellpadding="1" style="table-layout:fixed;width:200px;"> <tr style="display:none" mce_style="display:none">    <td style="width:100px"></td>    <td style="width:80px"></td>    <td style="width:20px"></td>  </tr>    <tr>    <td>1</td>    <td colspan='2'>2</td>  </tr>  <tr>    <td>1.1</td>    <td>2.1</td>    <td>2.2</td>  </tr></table>