Javascript 我如何强制<；td>；在表格行内，在另一行下方<；td>；

我有这个html块。我需要在内容2下面显示内容3。 内容1相当长，并且填充了相当多的内容

<table>
    <tr>
        <td>(Content 1)</td>
        <td>(Content 2)</td>
        <td>(Content 3)</td>
    </tr>
</table>

（内容一）
（内容二）
（内容三）

我更喜欢使用jquery。我可以更改css或转换标记，但我不能将td更改为divs或tr。我可以创建新的tr或移动东西。

---

这可能吗？

基本思想是在第一个单元格上设置行跨度，添加新行并将最后一个td附加到新行

var-tds=$（“tr-td”）；
tds.eq（0.attr（'rowspan'，'2'）；
$（“”）.append（tds.eq（2））.appendTo（“表”）
表{边框折叠：折叠；}
td{边框：1px纯黑色；}

（内容一）
（内容二）
（内容三）
您可以将表格单元格重新定义为浮动：

使用jQuery（或Javascript）可以完全更改DOM。不过，我不明白你想要实现什么。您当前有一个一行三列的表。您想要一个有两行两列的表吗？还是一个一行两列的表？可能的重复项。看一看。
tr {
    overflow: hidden;
}
    .td1 {
        float: left;
        background-color: yellow;
    }
    .td2 {
        float: right;
        background-color: green;
    }
    .td3 {
        clear: right;
        float: right;
        background-color: orange;
    }