複選框將不會去右側的asp：標籤

我有一個包含一個asp：標籤和一個asp：複選框我試圖把標籤放在複選框的左側，但它只是不會去這裏。我想這兩個頁面複選框將不會去右側的asp：標籤

<div> 
    <asp:Label runat="server" style="float:right;" > 
     Conclude Case File</asp:Label> 
    <input type="checkbox" class="concludeCBox" id="concludeNoteCBox" runat="server" 
     style="float:right;" /> 
</div>

來源

2012-10-24 john

嘗試浮動：左; – IrishChieftain

我希望這兩個控件都在頁面的右側 – john

<div style="float:right;"> 
    <asp:Label runat="server" style="float:left;padding-right:10px;" > 
     Conclude Case File</asp:Label> 
    <input type="checkbox" class="concludeCBox" id="concludeNoteCBox" 
     runat="server" style="float:left;" /> 
</div>

這工作：http://jsfiddle.net/

來源

2012-10-24 19:44:21 IrishChieftain

aaah，請參閱，我不知道爲什麼我沒有考慮將現在的感覺變得如此愚蠢......謝謝 – john

很高興幫助，不要忘記標記爲答案:) – IrishChieftain

這是更清潔。沒想過我們' – n8wrl

ASP的右側：標籤呈現爲一個跨度。 asp：複選框呈現爲INPUT。 SPAN和INPUT都不是塊元素，所以float不適用。我的建議是定義將它們更改爲BLOCK的CSS類，然後根據需要定位它們。

還要記住，當你浮動時：右邊的東西似乎呈現'倒退'。也就是說，第一個浮動右元素將會最右邊，等等。因此，如果您先選中複選框，請先將其置於您的標記中。

來源

2012-10-24 19:44:11 n8wrl

複選框將不會去右側的asp：標籤

回答

相關問題