Html 将最后一个td作为行

请看一看

TH1
TH2
只需使用
colspan=“3”
新建一行即可。另外，
colspan=“1”
是默认设置，因此您不需要将标记与它混在一起

<table>
    <thead>
        <tr>
            <th style="width: 10%">TH1</th>
            <th style="width: 60%">TH2</th>
            <th style="width: 30%">&nbsp;</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td style="width: 10%">a</td>
            <td style="width: 60%">b</td>
            <td style="width: 30%">c</td>
        </tr>
        <tr>
            <td colspan="3">UNDERNEATH SPANNING WHOLE ROW</td>
        </tr>
    </tbody>
</table>


TH1
TH2
A.
B
C
下跨整排
如果希望显示每行的最后一列，并且希望在所有其他列上包含显式样式，则可以浮动它们：


td，th{
显示：块；
浮动：左；
/*仅供查看*/
边框：1px纯灰；
/*因此，我们不会耗尽100%总宽度的空间*/
框大小：边框框；
}
td:最后一个孩子，th:最后一个孩子{
宽度：100%；
}

TH1
TH2
A.
B
C
下跨整排
A.
B
C
下跨整排
将其设为一个新的
，并在
标题中使用
colspan=“3”
。正如Barmar所说：问题是每个tr都会添加一个边框。我想让最后一个td在同一个tr内。你们太棒了！
<table>
    <thead>
        <tr>
            <th style="width: 10%">TH1</th>
            <th style="width: 60%">TH2</th>
            <th style="width: 30%">&nbsp;</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td style="width: 10%">a</td>
            <td style="width: 60%">b</td>
            <td style="width: 30%">c</td>
        </tr>
        <tr>
            <td colspan="3">UNDERNEATH SPANNING WHOLE ROW</td>
        </tr>
    </tbody>
</table>