对于 colspan="1.5" 不起作用的问题有其他解决方案吗？

Question

这就是我需要的表 我可以轻松地获得第一行和第二行，但是当我尝试使第三行变得良好时，我正在破坏第二行。

我尝试使用 width 属性和 colspan 但没有任何效果。

<table border="1px" width="100%">
        <tr>
            <td colspan="6">Cell 1</td>
        </tr>
        <tr >
            <td colspan="3">Cell 2</td> 
            <td colspan="3" >Cell 3</td>
        </tr>
        <tr>
            <td colspan="2">Cell 4</td> 
            <td colspan="2">Cell 5</td>            
            <td colspan="2">Cell 6</td> 
        </tr>
    </table>

Answer 1

<table> 默认情况下会符合其内容，因此不需要每列的宽度相等。因此，通过将 table-layout:fixed 分配给 <table> 来手动分配相等的列宽度，然后通过将每个宽度分配给第一个 < 的 <thead> 中的 <th> 来为每列分配相等的宽度。 tr> 或缺少为第一个 <tr> 的 <td> 分配宽度（当然 td 或 th 作为选择器也可以），请参见下面的示例。

table {
  table-layout: fixed;
}

td {
  width: 16.5%;
  text-align: center;
}

  

    
I
  
  

    
II
    
III
  
  

    
IV
    
V
    
VI