我有下表,有两个标题单元格。第二个标题单元格需要分成两行,底部的行进一步分成 6 列(q1、q2、q3 等)。这些列的宽度应与其下一行的宽度相同。请查看图像和 fiddle 以查看我想要实现的目标。任何帮助都会很棒。 http://jsfiddle.net/CPSs9/
在这里 fiddle http://jsfiddle.net/CPSs9/
我的代码如下:
<table border="1" bordercolor="black" cellspacing="0">
<tr>
<th width="120">Booboo</th>
<th colspan="5">blah blah</th>
</tr>
<tr>
<td> </td>
<td width="40"> </td>
<td width="40"> </td>
<td width="40"> </td>
<td width="40"> </td>
<td width="40"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
最佳答案
这很容易。您需要做的就是在第一个 th
上使用 rowspan
属性并向表中添加另一行。像这样:http://jsfiddle.net/skip405/CPSs9/1/
关于html - 如何将单元格拆分为列,使它们的宽度与其下方的列相同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18658963/