html - HTML表，是否有办法将第二列拖放到新行？

嗨，我有一个包含5列的表，麻烦的是第一列<td>的值可能会很长，因此塞满了。有没有办法将第二列移到换行符并将第一列跨整个行，而无需为第一列创建新行<tr>

谢谢

最佳答案

我不相信td可以以这种方式垂直堆叠。.也许不使用td，您可以将它们分成div，与CSS混淆会使它们排成一行，并且当第一个延伸到较大位置时，应该将另一个向下推吗？

编辑2：较新的版本，更好地对齐。

<table style="width: 200px;">
    <tr>
        <td>
            <div style="background-color: red; display: inline;">
                OneOneOneOne
            </div>
            <div style="background-color: blue; display: inline; width: 90px;">
                TwoTwoTwo
            </div>
            <div style="background-color: green; display: inline; width: 90px;">
                Three
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <div style="background-color: red; display: inline;">
                OneOneOneOneOneOneOneOneOneOneOne
            </div>
            <div style="background-color: blue; display: inline; width: 90px;">
                TwoTwoTwo
            </div>
            <div style="background-color: green; display: inline; width: 90px;">
                Three
            </div>
        </td>
    </tr>
</table>

看起来不太漂亮，需要做一些进一步的调整，但这就像您描述的一样。