出于某种原因，我需要在我的Web应用程序中显示表格数据，但不使用本机，语义表，thead，tbody，th，td标签。我发现CSS属性使得html元素“看起来”/“表现得像”表：
http://www.quirksmode.org/css/display.html
http://www.w3schools.com/cssref/pr_class_display.asp
我已经尝试了一个小测试，但无法弄清楚如何使CSS表看起来像本机html表：
http://jsfiddle.net/rniestroj/6Lyvm/
列完全不对齐。也许我应该适用display: table-column？但在哪里？
或者我是否需要更多CSS和自我调整大小以使其看起来像本机表？
或者我有什么误解而且不是1：1的替代品？
浏览器是Firefox 8.0b6。
答案 0 :(得分：3)
问题在于： .body 和 .footer div。您没有为它们指定样式，因此它们将呈现为“display：block”并破坏您的布局。我添加了“display：table-row-group;”到 .body ，和“display：table-footer-group;”到 .footer 。这解决了它。