html表格中单元格合并后,上下单元格自动对齐

问题描述:

img


这是需要完成的表格

img


这是我的代码,宽度也加了,但一运行上下单元格就自动对齐了

img


弄了好久都没有搞明白,求大佬帮助

                    130 50 16 103
                                                             100 100
   100 100
<IDOCTYPEhtml>
<html
     <heady
           <metacharset="utf-8"
           <title>表格</title>
     </head>
     <body>
           <table border="1”cellspacing="”width="406”
                <trheight=”50”
                      <tdwidth="50”></td>
                      <tdwidth=”10” colspan=”2”></td
                      <tdwidth=”10” colspan="2”></td
                      <tdwidth=”100” colspan="2”></td
                      <tdwidth=50”></td>
                </tr>
                <trheight="50”>
                      <tdwidth=”100” colspan="2”></td>
                      <tdwidth=”100” co1span="2"></td
                      <tdwidth="100” colspan="2”></td>
                      <tdwidth=”100”colspan="2”></td
                </tr>
           </table>
     </body>
</html

推荐去看看css grid网格布局,这种标准的单元格都可以用grid.

表格是自动对齐