html - 使用 CSS 重新排列表格数据

Question

我有一个表格，其中每一行都是一个带有备用 css 类的小部件 .odd & .even每个小部件内有四列。

结构如下:

有什么方法可以将这些数据重新排列为以下格式并将 css 应用于 <td> ？

这是我的 fiddle 代码:Fiddle Demo

Answer 1

Demo

.test td {
    display: inline-block;
    float: right;
    text-align: left;
    width: 50%;
}