라벨을 컨트롤에 가장 잘 정렬하는 방법이 있습니까?

Question

나는 레이블을 그들의 컨트롤과 함께 ASP에서 정렬하도록하는 직선적 인 CSS 솔루션을 찾고 있습니다. 그래서 예를 들면 :

Control Label 
[[[[[]]]]]]]]]]]]V 

어떤 아이디어 :

<asp:Label runat="server" AssociatedControlID="cboBox" Text="Control Label" /> 
<asp:DropDownList runat="server" ID="cboBox" /> 

같은 것을 표시시겠습니까?

Answer 1

것은 스팬 또는 사업부 모두를 감싸 그런 다음

<span class="field"> 
    <asp:Label runat="server" AssociatedControlID="cboBox" Text="Control Label" /> 
    <asp:DropDownList runat="server" ID="cboBox" /> 
</span> 

:

.field label, 
.field select 
{ 
    display: inline-block; 
    vertical-align: top; 

    /* achieves same as inline-block for IE7 */ 
    *display: inline; 
    *zoom: 1; 
} 

Answer 2

당신은 용기에 그들을 가하고 시도하고, 그 용기 내에서 스팬에 대한 특정 스타일을 적용 할 수 있습니다. 아래의 예는 약간의 조정이 필요할 수 있지만, 올바른 방향을 가리켜 야 :

div.container span { 
    display: table-cell; 
    vertical-align: top; 
} 
div.container input { 
    display: table-cell; 
    vertical-align:middle; 
} 

그리고이 페이지에 :

<div class="container"> 
    <asp:Label runat="server" AssociatedControlID="cboBox" Text="Control Label" /> 
    <asp:DropDownList runat="server" ID="cboBox" />  
</div>