出于某种原因,我需要在我的web应用程序中显示表格数据,但不使用本机、语义表、thead、tbody、th、td标记。我发现CSS属性使html元素看起来像表一样:
http://www.quirksmode.org/css/display.html
http://www.w3schools.com/cssref/pr_class_display.asp
http://developer.practicalecommerce.com/articles/1941-CSS-display-table-display-table-row-and-display-table-cell-
我试过一个小测试,但不知道如何用最少的努力使CSS表看起来像本地html表:
http://jsfiddle.net/rniestroj/6Lyvm/
列完全不对齐。也许我应该去什么地方申请?但是在哪里?
或者我需要更多的CSS和自调整大小来使它看起来像本地表吗?
或者是我误解了什么不是1:1的替代品?
浏览器是Firefox 8.0b6。
最佳答案
问题在于:.body和.footer div。您不为它们指定样式,因此它们会呈现为“display:block”,并破坏您的布局。我在.body中添加了“display:table row group;”,在.footer中添加了“display:table footer group;”。这就解决了问题。
示例:http://jsfiddle.net/6Lyvm/9/
关于html - CSS显示表与普通HTML表,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/7988203/