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

感谢: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>


你可能感兴趣的:(html,css,table,border,2010)