如何使每個單元格（​​）的行爲與css中的行一樣？

Question

我正在爲預先存在的網站（asp.net）創建移動網站，並且使用表格設計了佈局。有什麼辦法可以將表格中的每個單元格轉換成CSS中的一行，這樣我就可以將它放入手機屏幕或者有更好的方法（除了更改整個網站，我不允許）。 基本上，我如何使用CSS將2X4表格轉換爲1x8表格？

Answer 1

添加到您的移動視圖的CSS

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

fiddle

Answer 2

可以使用table-row屬性：

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

Demo here。