如何布局看起来像纸质表单的aspx页面？

Question

我一直在开发桌面aps，所以我的aspx/html有点生疏。我需要做的是布置一个aspx页面，字段看起来像这样（有很多字段，这只是一个抽象）： 基本上，这些项目看起来像它们在行中，但不在特殊列（例如，在我的例子中，街道名称不必与街道号码等位对齐......）

我想实现与浏览器的最大兼容性 - 在这种情况下最好使用什么？表，列表项... divs？别的东西？

我使用aspx C＃4.0。

Answer 1

这里的一个非表例如：

http://jsfiddle.net/eRY8T/7/

传统的观点是，table应该用于以表格形式显示的数据，而不是用于布置形式。

在实践中，我认为使用表格时有时更容易使用表格 - 但这通常是当表格看起来像表格数据时（例如一列用于标签，另一列用于输入）。

在你的情况下，我认为使用div实际上比表格更容易。这可能需要大量的rowpan/colspan /嵌套表才能正确使用。

使用基于CSS的布局而不是表格的另一个优点是Tab键顺序可能更有意义。在该示例中，请注意标签是如何通过第一列然后是第二列的。在表格中，它会在转到下一行之前检查给定行上的每个输入。

Answer 2

带4行和7列的表格如何？
并使用相应的colspan更好地进行对齐。