Html 将列用作表中的行

我有一行，在4列之内，我怎样才能使最后2列向下并使用所有可用的宽度

例子
标题1
第1列
标题2
第2列

这种行为不应该使用表，可以使用flexbox，如果内容不适合左边的空间，可以将内容换行，或者应该使用带浮点数的div。

可以使用CSS属性

colspan

或

行span

例子
标题1
第1列
#这些是变化
标题2
#这些是变化
第2列

您可以使用flexbox

。家长{
显示器：flex；
柔性包装：包装；
}
.孩子{
弹性：50%；
}
.parents2.子项：类型的第n个（1n+3）{
背景：红色；
弹性：100%；
}

1.
2.
3.
4.

1.
2.
3.
4.

试试这个

<table border="1" style="width: 100%;">
    <thead>
        <th>example</th>
    </thead>
    <tbody>
        <tr>
            <td style="width: 50%;">
                tittle1
            </td>
            <td style="width: 50%;">
                colum1
            </td>
            <td style="width: 50%;">
                tittle2
            </td>
            <td style="width: 50%;">
                colum2
            </td>
        </tr>
    </tbody>
</table>

例子
标题1
第1列
标题2
第2列

注：此处编辑样式宽度为50%

---

或者也试试这个

<table border="1" style="width: 100%;">
        <thead>
            <th>example</th>
        </thead>
        <tbody>
            <tr>
                <td >
                    tittle1
                </td>
                <td >
                    colum1
                </td>
            </tr>
             <tr>
                <td >
                    tittle2
                </td>
                <td >
                    colum2
                </td>
            </tr>
        </tbody>
    </table>

例子
标题1
第1列
标题2
第2列

注意：这里再次添加了一个表行

---

我希望这能帮你得到它

请分享您已经使用过的代码我有这样的表格，但我必须使最后两列向下移动并占据整个宽度，而不使用另一行使用

我已经尝试过，但最后两列没有滚动我认为表格不会给您预期的结果。。。我想你需要换一种方式。。

<table border="1" style="width: 100%;">
        <thead>
            <th>example</th>
        </thead>
        <tbody>
            <tr>
                <td >
                    tittle1
                </td>
                <td >
                    colum1
                </td>
            </tr>
             <tr>
                <td >
                    tittle2
                </td>
                <td >
                    colum2
                </td>
            </tr>
        </tbody>
    </table>