Visual Studio 2010 - 구성 요소 수준의 웹 응용 프로그램 레이아웃 구성

Question

Visual Studio의 C# 웹 응용 프로그램에서 구성 요소를 구성하는 방법을 궁금합니다.

양식에 일련의 텍스트 필드가 있으며 각 텍스트 필드에는 고유 한 레이블이 있습니다. 레이블 모든 길이가 다른 것처럼, 일부 정렬 문제가 발생합니다

웹 응용 프로그램 프로젝트 내에서 (예를 들어, 1, 2, 3 개, 원주 구조) 웹 구성 요소를 구성하는 가장 좋은 방법은 무엇입니까? Windows Form 프로젝트를 개발할 때 도구 상자에는 TableLayout과 같은 항목을 선택할 수있는 컨테이너가 표시됩니다. 그러나 웹 응용 프로그램 내에서 도구 상자는이 옵션을 제공하지 않습니다.

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 기반의 솔루션을 사용하고 싶습니다.

일부 연구에 따르면 컨트롤 위의 레이블을 실제로 넣는 것이 사용자의 관점에서 "처리 속도가 빠름"입니다. 따라서 패러다임을 중심으로 양식을 디자인 할 수 있습니다.