html - 为什么 CSS 属性显示 :table added?

Question

任何人都可以向 css/html 学习者解释为什么我会使用 display:table 而不是简单地使用 HTML table 标签来设置通用 html 元素(例如 <div> )的样式吗？在我看来，后者将是一个可供选择的选择，因为它是专门为呈现表格数据而实现的，但我知道前者不会在没有充分理由的情况下出现。我只是没能找到一个像样的解释。我平时相当可靠的 friend ，谷歌在这方面没能给我提供太多帮助。

提前致谢!尼尔

Answer 1

添加了 display:table 、 display:table-row 和 display:table-cell 分别用作 display 、 <table> 和 <tr> 的默认 <td> 属性。

除了它们的默认设置之外，它们通常用于黑客攻击，例如 centering text vertically 或 pseudo-element clearfixing。基本上不要这样做，除非您需要这些 hack 中的一种，尤其是如果您想实现一个表，就不要这样做，因为它在语义上不正确，会导致可访问性问题。

一句警告，using display:table has semantic effects in some screen readers。这可能会导致您网站中的某个部分对使用辅助技术的用户具有多重意义。