如何佈局看起來像紙質表單的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更好地進行對齊。