科尔斯潘= "1.5"不起作用，还有其他想法吗？

Question

这是我需要的表我可以很容易地让第一行和第二行变好，但当我试图让第三行变好时，我就会破坏第二行。

我尝试了宽度属性和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>，手动分配相等的列宽度，然后通过将每个宽度分配给第一个<tr>的<thead>中的<th>，或者将宽度分配给第一个<tr>的<td>(当然td或th作为选择器也可以工作)，为每个列分配相等的宽度，参见下面的示例。

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

<table border="1px" width="100%">
<tr>
<td colspan="6">I</td>
</tr>
<tr>
<td colspan="3">II</td>
<td colspan="3">III</td>
</tr>
<tr>
<td colspan="2">IV</td>
<td colspan="2">V</td>
<td colspan="2">VI</td>
</tr>
</table>