html - 如何使用 CSS 使 TD 表现得像 TR(row)？

Question

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

Answer 1

您可以通过将 display: block 应用于 td 来做到这一点:

http://jsfiddle.net/wYA9K/

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

使用 float: left; width: 100% 而不是让它在 IE8/9 中也能工作:

http://jsfiddle.net/gvpzh/

没有什么可以让它在 IE7 中工作。