如何使用CSS表现出类似TR(行)的TD？

Question

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

Answer 1

您可以通过应用做到这一点display: block的tdS:

http://jsfiddle.net/wYA9K/

这适用于除IE9之外的所有现代浏览器.

使用float: left; width: 100%相反使它也可以在IE8/9中使用:

http://jsfiddle.net/gvpzh/

没有什么能使它在IE7中运行.

Answer 2

试试这个：

td{
    display: table-row
}