我有一个简单的HTML <table>，其中有四列，当分辨率较低时，我想通过@media将其分为两列。
所以我发现的是以下代码，将每个td放入了额外的一行。
td { display: block }
我尝试了以下操作，但不起作用：
td:nth-child(odd) { display: block }
是否有一种方法可以在第二个td元素之后拆分一行？
答案 0 :(得分：3)
您可以将像元设置为flex和flex-grow flex-shrink flex-basis的宽度来实现这一点，尽管如果在像元中/周围有填充/边框，可能需要设置inline-block，否则它们会全部包裹在单独的行上！
50%box-sizing: border-box