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

最新推荐文章于 2023-09-25 15:24:06 发布

lubinsu

最新推荐文章于 2023-09-25 15:24:06 发布

阅读量2.9k

点赞数

分类专栏： Web开发杂烩文章标签： html css border table 2010

Web开发杂烩专栏收录该内容

25 篇文章

订阅专栏

感谢：http://blog.youkuaiyun.com/hywink/article/details/6074489

和：http://topic.youkuaiyun.com/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>