如何偏移表格行中的一列?我使用过colspan,但是它需要两列宽度,但是我想喜欢这张图片。
这是我的代码:
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
th, td {
padding: 5px 15px;
text-align: left;
}
<table>
<tr>
<th colspan="2">65</th> <th colspan="2">40</th>
<th colspan="2">20</th>
</tr>
<tr>
<th>Men</th>
<th>Women</th>
<th>Men</th>
<th>Women</th>
<th>Men</th>
<th>Women</th>
</tr>
<tr>
<td>85</td>
<td>78</td>
<td>82</td>
<td>77</td>
<td>81</td>
</tr>
</table>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
th, td {
padding: 5px 15px;
text-align: left;
}
td:empty {
visibility:hidden;
}
td:blank {
visibility:hidden;
}
<table>
<tr>
<th colspan="2">65</th>
<th colspan="2">40</th>
<th colspan="2">20</th>
</tr>
<tr>
<th>Men</th>
<th>Women</th>
<th>Men</th>
<th>Women</th>
<th>Men</th>
<th>Women</th>
</tr>
<tr>
<td></td>
<td>85</td>
<td>78</td>
<td>82</td>
<td>77</td>
<td>81</td>
</tr>
</table>