CSS显示表与普通HTML表

由于某种原因，我需要在我的Web应用程序中显示表格数据，但不使用本地语义表，thead，tbody，th，td标记。我发现CSS属性，使HTML元素的 “外观”/ “表现得” 像表：CSS显示表与普通HTML表

我已经试过了一个小测试，但不能弄清楚如何使CSS表看起来像一个本地html表： http://jsfiddle.net/rniestroj/6Lyvm/ 列完全不对齐。也许我应该在某个地方适用display：table-column？但是哪里？

还是我需要更多的CSS和自我大小，使它看起来像本地表？

还是我误解了一些东西，它不是1：1的替代品？

浏览器是FF 8.0b6。

来源

2011-11-02 Robert Niestroj

“出于某种原因”=我们可以问，为什么？ CSS绝对不是1：1替代适当表格的使用。 –

我有一张桌子，然后在行中嵌入表格，里面是表格。我对嵌入表格的样式有问题。 –

问题出在：。body and .footer divs。您不为它们分配样式，因此它们被渲染为“display：block”，并打破您的布局。我添加了“display：table-row-group;”到.body，以及“display：table-footer-group;”到.footer。这固定了它。

例子：http://jsfiddle.net/6Lyvm/9/

来源

2011-11-02 22:51:38

我可以在这个CSS表格中做类似colspan和rowspan的事情吗？ –

不幸的是，我不知道如何去做。 –

不，你不能等同于'colspan'和'rowspan' – FelipeAls

CSS显示表与普通HTML表

回答

相关问题