如何让每个cell()表现得像css中的行?

时间:2013-06-25 13:58:22

标签: html css asp.net css-tables

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

2 个答案:

答案 0 :(得分:5)

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

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

fiddle

答案 1 :(得分:3)

您可以使用table-row属性:

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

Demo here