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 都不是块元素，因此浮点数不适用。我的建议是定义将它们更改为 BLOCK 的 CSS 类，然后根据需要定位它们。

另请记住，当您浮动时：正确的东西似乎会“向后”呈现。也就是说，第一个向右浮动的元素将在最右边，依此类推。因此，如果您首先选择复选框，请将其放在您的标记中。

于 2012-10-24T19:44:11.497 回答