Visual Studio 2010中 - 組織網絡上的組件級

Question

我不知道如何去在Visual Studio中的C＃Web應用程序的組件組織應用程序佈局。

表單包含了一系列的文本字段每個都具有它自己的標籤。由於所有的標籤長度​​不同，它會導致一些對齊問題：

什麼是Web應用程序項目內組織的網絡組件（例如，1，2，3層過柱結構）的最佳實踐？當開發一個Windows窗體項目工具箱顯示容器部分，您可以從中挑事象TableLayout等，但在Web應用程序中的工具箱中不提供此選項....

Answer 1

我使用一個無序列表我的表單字段，所以看起來像

<fieldset>  
<ul> 
    <li><label for="<%= txtField1.ClientID %>">Field name</label><asp:TextBox id="txtField1" runat="server"></asp:TextBox></li> 
</ul> 
</fieldset> 

在那裏我會漂浮離開標籤元素，並設置其特定的寬度，然後漂浮離開了輸入元素，並重新指定一個特定的寬度浮和元件框。

ul li{list-style-type:none;width:400px} 
ul li label{float:left;width:150px;} 
ul li input, ul li select, ul li textarea{float:left;width:224px;margin-left:6px} 
ul li input[type=checkbox], ul li input[type=radio]{width:auto} 

和其他一些格式比特具體到我的CSS /模板

Answer 2

你要麼需要使用一個表或基於CSS的解決方案（如歌林提到）。

一些研究表明，從用戶的角度來看，實際上將標籤放在控制之下是「更快處理」的。所以，你可能想設計圍繞着範式的形式。