[HTML] [CSS] the solution for table-layout: Fixed does not work when the cell width setting in the first row of the merged cell does not work in the table.

<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> <TD> 1.1 </TD> <TD width = "80"> 2.1 </TD> <TD width = "20"> 2.2 </TD> </tr> </table>
 

As shown in the preceding tableStyle
= "Table-layout: fixed"
Then, if cells are merged in the first row, the width setting of 2.1 and 2.2 does not work either.

The solution is as follows: add a row on the first line without merging, and then hide it. That is to say, since this problem is caused by the number of cells to be merged in the first row, it will be solved if the row of the cells to be merged does not appear in the first row.

   <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> <TD> 1 </TD> <TD colspan = '2'> 2 </TD> </tr> <tr> <TD> 1.1 </TD> <TD> 2.1 </TD> <TD> 2.2 </TD> </tr>  
 
 see http://topic.csdn.net/u/20100908/14/8a1b21d1-e284-4eb7-866b-7f7b33a7af17.html