显示“table-cell”,“table-column”等的目的是什么?

时间:2012-08-13 11:24:55

标签: html css css-tables

CSS display属性的值的目的是什么:

  • 表细胞
  • table-caption
  • 表列
  • table-column-group
  • table-footer-group
  • 表头组
  • 表行
  • 表行组

我理解这些样式会像表格那样设置元素的样式,但是当已经有一个可接受的,有效的table元素时,它的目的是什么?

3 个答案:

答案 0 :(得分:3)

现代浏览器使用CSS来设置所有标记的样式。

如果CSS没有任何可以表达其外观的内容,它们将如何呈现<table>元素?

(那,你可能有非表格数据,你想要像桌子一样呈现,有足够的人使用表格进行布局以查看对它的需求。)

答案 1 :(得分:2)

当标记不使用table元素时,它们可用于以表格方式格式化内容,例如因为标记是由被告知不使用表格的人写的,或者因为标记是通用的XML而不是HTML。

您还可以使用例如设计页面div元素使得某些样式表将它们格式化为表格,其他一些样式表使它们成为块元素或将它们转换为内联元素。这可能取决于例如在设备宽度上。

答案 2 :(得分:2)

<table> HTML标记用于表格数据,即由逻辑行和列组成的数据,即电子表格。它只应用于逻辑上需要在表格中显示的数据。

CSS table-*显示样式允许以表格样式呈现任何数据(它具有自己独特的逻辑,主要是关于垂直居中和宽度分布,难以使用其他元素模拟),而仍然使用对语义最有意义的东西进行标记,例如列表。