html - 如何使每个单元格（）表现得像css中的行？

Question

我正在为现有网站 (asp.net) 创建一个移动网站，并且布局是使用表格设计的。有什么方法可以将表格中的每个单元格转换为 CSS 中的一行，以便我可以将其放入移动屏幕，或者有更好的方法（除了更改我不允许的整个网站）。基本上，如何使用 CSS 将 2X4 表转换为 1x8 表？

Answer 1

将此添加到您的移动视图 css

td{
    width:100%;
    display:block;
}

小提琴

Answer 2

您可以使用该table-row属性：

tr{
    display:table;
    width:100%;
}
td{
    display:table-row;
    background:#efefef;
}

演示在这里。