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的解决方案（如歌林提到）。

一些研究表明，从用户的角度来看，实际上将标签放在控制之下是“更快处理”的。所以，你可能想设计围绕着范式的形式。