html - 独立表th row

Question

在我的表格中，TH 的长度始终与 TD 相同。是什么原因？我不明白。我想要的只是 TH 将具有整个表格的宽度并且不会更改“缺口”TH 宽度

.someTable{
    margin-top:40px;
    margin-left:250px;
    border:1px solid black;
}
td{
    min-width:100px;
}

<table class='someTable'>
    <tr>
        <th>table title:</th>
    </tr>
    <tr>
        <td>Nick</td>
        <td>Name</td>
        <td>Surname</td>
    </tr>
</table>

Answer 1

您需要使用 colspan 来跨越 3 列。

一个表将始终包含相同数量的 <td>在每个<tr>创建列和行。

如果您想跨越更多的表格单元格(例如，使表格单元格展开以使用两个单元格空间)，那么您可以使用 colspan="XX"其中 XX 是您想要扩展单元格的列数。

如果你想垂直穿过表格行，那么你可以使用 rowspan="XX"

<table class='someTable'>
    <tr>
        <th colspan="3">table title:</th>
    </tr>
    <tr>
        <td>Nick</td>
        <td>Name</td>
        <td>Surname</td>
    </tr>
</table>