CSS显示表与普通HTML表

CSS显示表与普通HTML表,html,css,html-table,Html,Css,Html Table,出于某种原因,我需要在web应用程序中显示表格数据,但不使用本机、语义表、thead、tbody、th、td标记。我发现CSS属性使html元素“外观”/“行为”类似于表: 我尝试了一个小测试,但不知道如何用最少的努力使CSS表看起来像本机html表: 这些列没有完全对齐。也许我应该在某个地方应用display:table column?但是在哪里呢 或者我需要更多的CSS和自调整大小,使其看起来像本机表 还是我误解了什么,不是1:1的替代品 浏览器是Firefox 8.0b6。问题在于:

出于某种原因,我需要在web应用程序中显示表格数据,但不使用本机、语义表、thead、tbody、th、td标记。我发现CSS属性使html元素“外观”/“行为”类似于表:

我尝试了一个小测试,但不知道如何用最少的努力使CSS表看起来像本机html表: 这些列没有完全对齐。也许我应该在某个地方应用
display:table column
?但是在哪里呢

或者我需要更多的CSS和自调整大小,使其看起来像本机表

还是我误解了什么,不是1:1的替代品


浏览器是Firefox 8.0b6。

问题在于:.body.footerdivs。您不为它们指定样式,因此它们被渲染为“display:block”并打断布局。我将“显示:表格行组;”添加到.body,并将“显示:表格页脚组;”添加到.footer。这把它修好了


示例:

“出于某种原因”=我们可以问一下原因吗?CSS绝对不能以1:1的比例代替适当的表格。我有一个表格,然后将表格嵌入行中,其中是表格。我对嵌入表的样式设置有问题。我可以在这个CSS表中做COLSAN和ROWSAN之类的事情吗?不幸的是,我不知道如何做。不,你不能有相当于
COLSAN
ROWSAN