2015-09-06 47 views
1

我有一個CSS類是誰的標記一個asp.net下拉列表中Asp.Net下拉列表和標籤不顯示嵌入式

.form-control { 
     display: block; 
     width: 100%; 
     height: 34px; 
     padding: 6px 12px; 
     font-size: 14px; 
     line-height: 1.42857143; 
     color: #555; 
     background-color: #fff; 
     background-image: none; 
     border: 1px solid #ccc; 
     border-radius: 4px; 
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 
       box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 
     -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
       transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
    } 

我有一個應該是在同一條線上的標籤下拉所以要實現這一點,我添加了另一個CSS類:

.inlineControl { 
    display: inline-block; 
    vertical-align: middle; 
} 

下拉控制有兩個班在它的CssClass屬性和inlineControl是最後的,所以應該在騎顯示:表單控件類的塊。但是,在瀏覽器中,標籤位於不在旁邊的下拉列表上方。我檢查了開發人員工具f12,並且樣式窗口顯示inlineControl類正在重寫窗體控件類,並且顯示應該是內聯塊,因此在計算窗口中它也顯示顯示應該是內聯塊。 控件的標記是:

<div> 
    <label>לקוח</label> 
    <asp:DropDownList ID="comboClients" runat="server" CssClass="form-control inlineControl" DataTextField="ClientName" DataValueField="ClientId"> 

是什麼造成的控件顯示爲塊,我怎樣才能讓他們顯示內嵌?

回答

1

問題顯然是寬度:100%。我將其更改爲90%,並正確顯示。