Adakah terdapat sebarang penyelesaian lain untuk masalah colspan="1.5" tidak berfungsi?

Question

Ini adalah meja yang saya perlukan Saya boleh mendapatkan baris pertama dan kedua dengan mudah, tetapi apabila saya cuba menjadikan baris ketiga baik, saya melanggar baris kedua.

Saya cuba menggunakan atribut lebar dan colspan tetapi tiada apa yang berjaya.

<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 sebagai pemilih juga berfungsi), lihat contoh di bawah.

table {
  table-layout: fixed;
}

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

  

    
I
  
  

    
II
    
III
  
  

    
IV
    
V
    
VI