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

Question

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

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

Answer 1

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

另一个很酷的事情是，您可以使用css将div转换为表，以便在需要桌面渲染时利用表优势。注意对css表的支持并不普遍。

如果你不关心移动渲染并且你的表没有嵌套到死，那么在一天结束时，如果你使用表格，这真的不是什么大问题。它们快速且易于实施，没有用户会注意到功能上的差异。

另一方面，似乎div形式可以很多prettier。

Answer 2

将表用于表中不适合的数据不是语义上的，只会使代码膨胀。它有一个令人讨厌的习惯，即沿途制作非常难看的代码。

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

div表示完全中性的块级元素。它没有语义含义，这使得它对结构化和层次结构有益。但这并不是一个神奇的解决方案。

在设计网站时，要强调数据，而不是外观和感觉。事情会变得更顺畅。