Question

尝试并排放置标签和复选框。在Visual Studio中，预览（设计窗口表单）显示标签下方的复选框列表，当我将表单放在服务器上并在IE中运行时，这是相同的。现在，如果我从IE中的Visual Studio运行它，它的工作原理。不幸的是我需要它在服务器上正常工作。我尝试添加display：inline，inline-block，inline-table，flex to div和float：right to the checkboxlist。为什么不一致？如何让这些并排排列？

<div >
        <asp:Label ID="Label18" runat="server" Text="Select"></asp:Label>
        <asp:CheckBoxList ID="CheckBoxList1" runat="server" RepeatDirection="Horizontal">
            <asp:ListItem>Roadway</asp:ListItem>
            <asp:ListItem>Resurfacing</asp:ListItem>
            <asp:ListItem>Storm Sewer</asp:ListItem>
            <asp:ListItem>Sidewalk</asp:ListItem>
            <asp:ListItem>Water</asp:ListItem>
            <asp:ListItem>Sewer</asp:ListItem>
            <asp:ListItem>Sewer Outfall</asp:ListItem>
            <asp:ListItem>Bridges/Culverts</asp:ListItem>
        </asp:CheckBoxList>
    </div>

Answer 1

我想通了（猜我今天需要一个新的开始）....参考我的原始代码我添加了位置：相对于主div和位置：绝对到复选框列表。从服务器运行时，它在IE中正确对齐。如果从VS中运行IE，它就不会对齐...去图。

将标签和水平复选框列表彼此相邻放置

1 个答案: