是否仍要对行重新排序<；tr>；在css的表格中？

我有一张三排的桌子，如下所示。如何通过CSS更改行的顺序？ 例如：

姓名：A B C

年龄:1 2 3

国家：美国

我希望它成为：

国家：美国

姓名：A B C

年龄:1 2 3

全名
名称
年龄
26
国家
美国

您可以对父元素使用

弹性方向：列反转

，以反转其子元素的顺序。对行使用

flex direction:row reverse

tbody{display:flex；flex direction:column reverse；}

全名
年龄
国家

您可以使用

flex

执行此操作，并根据需要对其进行定位。免责声明，使用此解决方案，

tr

将不会有

display:table row group

，因此您必须编写额外的css来定位单元格：

t车身{
显示器：flex；
弯曲方向：立柱；
}
tr：第n个孩子（2）{
顺序：-1；
}
tr：第n个孩子（1）{
顺序：1；
}

全名
名称
年龄
26
国家
美国
我认为唯一的方法是通过使用变换来考虑一些视觉上的黑客攻击。确保
边框间距
设置为
0
，以避免复杂的计算，并注意如果所有
tr
具有相同的高度，则此操作正常


tr{
/*我们将所有tr向下移动一行*/
转化：translateY（100%）；
}
tr.country{
/*我们把这个国家提高了两排*/
转化：translateY（-200%）；
}
桌子{
边界间距：0；
}
运输署{
填充物：5px；
}

全名
名称
年龄
26
国家
美国
检查我发送的小提琴，我们在应用代码时不再有表格布局啊，是的，这会影响css。你为什么要用css做这件事？如果有必要，我应该使用flexbox和divs（正如其他用户所指出的），而不是表。@f-spin flexbox不是为创建表布局而设计的，当然不是@TemaniAfif。但是只有使用CSS，我认为不可能更改
的顺序。所以我会重新表述：在我看来，您可以创建一个布局，模拟一个表，使用div和flexbox（或者更好，使用
display:grid
）。或者使用javascript来切换表行的顺序。因为我无法更改foreach代码的顺序：（我认为CSS会更容易…您可以使用javascript，@SeCrEtBoY吗？它似乎可以与您提供的代码配合使用，但是@TemaniAfif在多个列方面有很好的优势。