html - 使用 div 对齐表格而不是表格有什么好处？

Question

我通常使用表格来对齐表格。保持单列中所有单元格的静态宽度对我有好处。这可能是我的知识不足。我检查了一些流行网站的源代码以确认我是否是唯一一个卡在表格以对齐表格的人，但发现我不是唯一一个。我知道这并不意味着我们可以使用表格来对齐表格，无论如何......

表格用于表示“表格数据”我同意，是 div 用于“对齐数据”吗？请告诉使用 div over table 有什么好处？

Answer 1

我最喜欢使用 div 的原因，尤其是在表单中，因为它使响应式设计更容易。如果您需要调整不同的屏幕宽度减去表格美丽的垂直对齐中心功能，您可以更好地控制您的内容。移动变得越来越重要。

另一个很酷的事情是，当您需要例如桌面渲染时，您可以使用 css 将 div 转换为表格，以利用表格的优势。注意对 css 表的支持不是通用的。

归根结底，如果您不关心移动渲染并且您的表格没有嵌套死，那么如果您使用表格，那真的没什么大不了的。它们快速且易于实施，并且没有用户会注意到功能上的差异。

另一方面，似乎 div 表单可以更漂亮。

Answer 2

对不适合表格的数据使用表格是不符合语义的，只会使您的代码膨胀。它有一个令人讨厌的习惯，即在此过程中编写非常丑陋的代码。

我通常更喜欢使用表单的标签和字段集本身来格式化和构造表单，甚至不需要添加额外的 div。

div 表示完全中性的块级元素。它没有语义意义，这使得它有利于结构化和层次结构。但这并不能使它成为一个神奇的解决方案。

在设计网站时，要强调数据，而不是外观。这样事情就会顺利得多。