我应该使用HTML表格布局还是新的CSS显示:table-cell code？

Question

我使用过表但从未使用过CSS的做事方式.现在我有一个包含3行和2列的数据表.有人可以解释我如何用CSS DIV做到这一点,最重要的是我想知道CSS是否是这样做的方式和有什么限制.

Answer 1

小心display: table-cell.它不适用于反浏览器(不能说出其名称的"浏览器").

此外,如果您有表数据,请使用表.当它们在语义上有意义时使用其他标签(例如<p>用于段落,<ol>用于有序列表等),或者<div>用于布局.

Answer 2

如果它是一个数据表，那么最好的（也是最语义的）选择就是坚持使用旧的<table>.

支持display: table-cell很好，参见： http: //caniuse.com/#search=table

它适用于所有现代浏览器和 IE8+。

它在 IE7 中不起作用，这对某些人来说是一个限制因素。