独立表格排

时间:2015-09-16 11:38:12

标签: html css html-table

在我的表中,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>

2 个答案:

答案 0 :(得分:3)

您需要使用colspan,以跨越3列。

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

如果要跨越更多的表格单元格(例如,使表格单元格扩展为使用两个单元格空间),则使用colspan="XX",其中XX是您希望扩展单元格的列数。< / p>

如果您想垂直穿过表格行,那么您可以使用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>

答案 1 :(得分:2)

Colspan帮助你

 <th colspan="3">table title:</th>

它包装了您定义的单元格数。