1

asp:Label と asp:Checkbox を含む div があります。ラベルをチェックボックスの左側に配置しようとしていますが、ここには表示されません。これらの両方をページの右側に配置したい

<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>
4

2 に答える 2

2 
<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-24T19:44:21.060 に答える
1

asp:Label は SPAN としてレンダリングされます。asp:checkbox は INPUT としてレンダリングされます。SPAN も INPUT もブロック要素ではないため、float は適用されません。私の提案は、それらを BLOCK に変更する CSS クラスを定義し、必要に応じて配置することです。

また、float:right の場合は「後方」にレンダリングされているように見えることにも注意してください。つまり、FIRST 右にフロートされた要素は、最も右になります。したがって、チェックボックスを FIRST にしたい場合は、マークアップの最初に配置します。

于 2012-10-24T19:44:11.497 に答える