Html 有没有办法制作一个<;td>;在自己的行上显示?

Html 有没有办法制作一个<;td>;在自己的行上显示?,html,css,Html,Css,我需要让一行包含4个单元格,如下所示:前三个单元格位于一行,最后一个单元格位于前三个单元格下方,跨越所有单元格。像这样: ---------------------------------- <---Start Row | | | | | Cell 1 | Cell 2 | Cell 3 | | | | | ------------------------------

我需要让一行包含4个单元格,如下所示:前三个单元格位于一行,最后一个单元格位于前三个单元格下方,跨越所有单元格。像这样:

----------------------------------  <---Start Row
|          |          |          |
|  Cell 1  |  Cell 2  |  Cell 3  | 
|          |          |          |
----------------------------------
|                                |
|              Cell 4            |
|                                |
----------------------------------  <---End Row
------------------------------------您正在查找属性

<tr>
  <td>Cell 1</td>
  <td>Cell 2</td>
  <td>Cell 3</td>
</tr>
<tr>
  <td colspan="3">Cell 4</td>
</tr>

第1单元
第2单元
第三单元
第4单元

不确定这可能有多干净,但我的解决方案是使用单个tr和4个td

td{
边框:1px纯黑;
}
tr{
宽度:120px;
高度:50px;
显示:表格标题;
}
tr>td{
宽度:40px;
}
tr>td:n个孩子(4)
{
宽度:120px;
位置:绝对位置;
显示:块;
}

1.
2.
3.
全宽td
1.
2.
3.
全宽td
1.
2.
3.
全宽td

我想他说的是4个单元格的单行。在看到你的答案之前,我一直在想各种疯狂的代码。完全忘记了HTML5世界中的
colspan
。事实上,@Reddy,当我意识到是的,我确实需要这一行时,我刚刚添加了一个额外的位。我正在尝试向这个表添加一个排序功能,我需要这两行在排序时保持在一起。有两个单独的行将对这两个行进行排序,而单元格4将不再紧跟在单元格1、2和3之后。。。然后,您排序所依据的值是否可以作为每行第一个单元格属性的一部分包括在内(确保该对的第一行和第二行的标记方式使它们保持在一起并且顺序正确)?(事实上,现在我已经写好了,如果你在多个列上排序,这将变得非常复杂)正如我在回答中所说的,我不相信在一行中有4个单元格是可能的。如果这是您能够生成的唯一HTML,您是否愿意使用jQuery答案来解决此问题?这是否会使第二行显示在第一行上?如果表中有标题,这将无法正常工作。@MrX如果它仅用于设计目的,那么您可以在其中使用一个td,然后使用一个div来获得您想要的布局。那对你有用吗?