我如何在 tr 标签内添加一个 html div 以跨越整行 [重复]答案

【问题标题】：how can i add a html div insid a tr tag to span the whole row [duplicate]我如何在 tr 标签内添加一个 html div 以跨越整行 [重复]
【发布时间】：2018-05-09 01:31:59
【问题描述】：

我希望能够在 <tr> 标记内添加一个 div 元素，并让它跨越表格中的整行。目前，我所拥有的只是一个普通的 html 表，不知道如何进行。我试过这样做：

<tr>
    <div class="row">
        <p>stuff here</p>
    </div>
</tr>

但不知何故，<p> 标记似乎漂浮在表格上方。我该如何解决？我有一张图片说明了我想在这里实现的目标：

【问题讨论】：

您是否使用表格来尝试强制布局？如果是这样，请研究适当的 CSS 网格系统。
您必须将td 放入tr 中，然后在td 中放入任何内容。
我不明白你所说的强制布局是什么意思

标签： html

【解决方案1】：

为什么不做一个跨越所有列的列

<tr><td colspan="number_of_cols"> stuff here</td><tr>

否则我建议使用 div 构建整个表格

【讨论】：