这就是我需要的表 我可以轻松地获得第一行和第二行,但是当我尝试使第三行变得良好时,我正在破坏第二行。
我尝试使用 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>
<table>
默认情况下会符合其内容,因此不需要每列的宽度相等。因此,通过将table-layout:fixed
分配给<table>
来手动分配相等的列宽度,然后通过将每个宽度分配给第一个< 的
或缺少为第一个<thead>
中的<th>
来为每列分配相等的宽度。 tr><tr>
的<td>
分配宽度(当然td
或th
作为选择器也可以),请参见下面的示例。