如何使用CSS表现出类似TR（行）的TD？

Question

我有一个动态创建html表的组件。根据我的需要，我需要逐行显示td标签作为块元素而不是列。如何使用CSS？

Answer 1

您可以将display: block应用于td：

来执行此操作

http://jsfiddle.net/wYA9K/

适用于IE9以外的所有现代浏览器。

使用float: left; width: 100%使其也适用于IE8 / 9：

http://jsfiddle.net/gvpzh/

没有什么能让它在IE7中运行。

Answer 2

Try this：

td{
    display: table-row
}

Answer 3

您可以使用this fiddle

中显示的display: block css属性

Answer 4

我不确定这是你期待的解决方案。

请检查一下：http://jsfiddle.net/thilakar/mPdd7/2/

Answer 5

您可以使用colspan属性

<tr>
<td colspan="2">some content</td>
</tr>

这将使一个跨越两列的单元格