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

标签 html css

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

提前致谢! 尼尔

最佳答案

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

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

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

关于html - 为什么 CSS 属性显示 :table added?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15583071/

相关文章:

css - 如何在 Tailwind 中引用 CSS 变量来定义自定义类?

html - 为什么flex :1 on neighboring element in flexbox affect the fixed width of another element?

html - 尝试将容器用于图像但想根据屏幕分辨率调整图像大小

javascript - 除了在源中放置图像之外,还有其他选择吗?

php - 从帖子中删除以此 ID 开头的所有图像

html - CSS:将背景图像置于重复背景图像之上

javascript - 查找在 word 包装元素中如何拆分行

css - 表格数据中的 HTML5 中间对齐

c# - 如何在页面上旋转 gridview?

javascript - 如何简要介绍我的 jquery 代码?