通过css将四列html表格拆分为两列表格

我有一个简单的html

，有四列，当分辨率低时，我想通过

@media

将它分成两列

因此，我发现下面的代码将每个td放在一个额外的行中

td { display: block }

我尝试了以下方法，但无效：

td:nth-child(odd)  { display: block }

---

有没有办法在每一秒td元素后分割一行？

您可以将单元格设置为

内联块

和

50%

宽度来实现这一点，但如果您的单元格中/周围有填充/边框，则可能需要设置

框大小：边框框

，否则它们将全部换行

*{
框大小：边框框；
}
桌子{
边界塌陷：塌陷；
}
运输署{
边框：1px实心亮珊瑚；
}
@媒体屏幕和屏幕（最大宽度：480px）{
运输署{
边框颜色：青绿色；
显示：内联块；
宽度：50%；
}
}

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