如何使表格单元格像UL LIs一样？

Question

我有一个生成的HTML页面，我无法编辑。该页面有一个包含两行的表，每行有4个单元格。我想强制单元格像无序列表项一样，以便它们显示在垂直列表中。我知道这是可怕的黑客攻击，但它确实是我目前的唯一选择。有没有办法让表格单元格垂直显示而不是水平显示？

Answer 1

您必须更改单元格的display属性。

假设你的表的类是mytable，CSS代码是：

.mytable td {
    display: block;
}

看看这个小提琴： http://jsfiddle.net/8Loy6x24/1/

但是，我不推荐这种黑客行为。

Answer 2

试试这样..

td {
    display: block;
}

DEMO