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

Question

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

我想实现与浏览器的最大兼容性 - 最适合这种情况的是什么？表，列表项...... divs？别的什么？

我正在使用aspx C＃4.0。

Answer 1

这是一个非表格示例：

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

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

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

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

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

Answer 2

4行和7列的表怎么样 并使用相应的colspan来更好地对齐。