html表格vs css显示表格答案

【问题标题】：html table vs css display tablehtml表格vs css显示表格
【发布时间】：2013-12-19 20:43:10
【问题描述】：

最近我问了一个问题here，其中一个答案建议使用 display: table 和 display: table-cell css 属性。

一般 UI 设计师建议不要使用表格进行布局。如果我在布局时广泛使用这两个 css 属性怎么办？和使用表格布局一样吗？

【问题讨论】：

你所谓的“extesively”是什么？您可以将<table> 用于表格数据和 CSS 显示，以获取诸如垂直对齐或不再填充剩余空间之类的内容。
可能的重复：stackoverflow.com/questions/6629857/… 或 stackoverflow.com/questions/6307934/…
@Danko 我的意思是我可以在布局页面时尽可能使用 display: table 和 display: table-cell。

标签： html css

【解决方案1】：

没有。 HTML 表格表明它们的内容是表格数据。此信息会暴露给 Accessibility API，因此屏幕阅读器等可访问性工具可以告诉用户在接下来的信息中会发生什么。请注意，单元格标题可能会被多次读取，以便 AT 用户可以在跟踪数据的同时确定自己的方向。

CSS 表的行为并非如此。它们只是布局说明。 AT 用户获取的数据信息将反映 HTML 的语义，而不是 CSS 布局。

【讨论】：

【解决方案2】：

显示表格让元素表现得像一个元素，而无需使用 HTML 表格元素，因此您的开发可能会有更大的灵活性。因此，您将获得 table 的好处和没有 table 的开发灵活性，因为 table 总是困难且难以工作

【讨论】：