如何讓表格單元的行爲像UL LIs一樣？

Question

我有一頁生成的HTML，我不能編輯。該頁面有一個包含兩行的表格，每行有四個單元格。我想強制這些單元格像無序列表項一樣工作，以便它們顯示在一個垂直列表中。我知道這是可怕的黑客行爲，但它現在是我唯一的選擇。有沒有辦法讓表格單元垂直顯示而不是水平顯示？

Answer 1

你必須改變display財產細胞。

假設類你的表是MYTABLE，CSS代碼如下：

.mytable td { 
    display: block; 
} 

看看這個小提琴： http://jsfiddle.net/8Loy6x24/1/

我不會推薦這個技巧，雖然。

Answer 2

嘗試這樣的..

td { 
    display: block; 
} 

DEMO

Answer 3

您需要使用表，錶行和表單元格的display性能發揮：

table, tbody, tr, td { display: block; } 

或者如果你想爲列表項顯示列表項：

table, tbody { display: block; } 
tr   { display: block; padding-left: 2.5em; } 
td   { display: list-item; } 

Demo Here