Question

我有一个div包含一个asp：Label和一个asp：Checkbox 我试图将标签放在复选框的左侧，但它不会在这里。我希望这两个都在页面的右侧

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

Answer 1

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

Answer 2

asp：标签呈现为SPAN。 asp：复选框呈现为INPUT。 SPAN和INPUT都不是块元素，因此float不适用。我的建议是定义CSS类，将它们更改为BLOCK，然后根据需要定位它们。

另外请记住，当你漂浮时：正确的东西似乎呈现'向后'。也就是说，FIRST浮动右元素将是最右边的，依此类推。因此，如果您选中FIRST复选框，请将其放在标记中。

复选框不会出现在asp：Label的右侧

2 个答案: