Question

我有以下aspx代码片段。在IE9标准模式下，即使第一个listLabel的左边没有任何内容，第一个listLabel仍然会向右冲洗并强制向下一行以获取剩余的listLabel及其ListBoxes。在IE9兼容性视图模式下，所有listLabels和ListBox都在同一行。我尝试了很多css设置但没有成功。我不想使用浮动。有谁知道为什么会这样，以及如何解决问题？感谢。

label.listLable
{
    /*vertical-align:top;*/
    font-weight:bold;
}


    <asp:Content ID="pageContent" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
        <div>
            <div>
                <label for="<%=listPcpPanel.ClientID%>" class="listLable">Panel: </label>
                <asp:ListBox ID="listPcpPanel" runat="server" SelectionMode="Multiple" Rows="1">
                    <asp:ListItem Value="&lt;----- All -----&gt;" Selected="True"></asp:ListItem>
                </asp:ListBox>
                <label for="<%=listFacilityService.ClientID%>" class="listLable">Service: </label>
                 <asp:ListBox ID="listFacilityService" runat="server" SelectionMode="Single" Visible="true" Rows="1">
                    <asp:ListItem Value="&lt;---Select one---&gt;" Selected="True"></asp:ListItem>
                </asp:ListBox>
                <label for="<%=listRole.ClientID%>" class="listLable">Role: </label>
                <asp:ListBox ID="listRole" runat="server" SelectionMode="Multiple" Visible="true" Rows="1">
                    <asp:ListItem Value="&lt;----- All -----&gt;" Selected="True"></asp:ListItem>
                </asp:ListBox>
            </div>
        ...
        ...
        </div>
    </asp:Content>

Answer 1

我通过删除第一个＆lt; div＆gt;来解决它＆lt; asp：content＆gt;。

的孩子

IE9标准模式和兼容性视图模式对齐

1 个答案: