Question

我有一个以ASP菜单为中心的问题，它是100％的时间与窗口左边对齐。我将它包含在Div中，然后嵌套在另一个Div中。

如果我将嵌套Div转换为float:right，我可以让它正确对齐。我一直在阅读包含!important以覆盖其他div的某些样式，这些样式可能导致此Header div无法正确对齐。

CSS
body {
}
#Header
{

    width: 100%;
    height: 40px;
    font-family: Calibri;
    text-align:center !important;

}
#LeftColumn
{
    font-family: Verdana;
    font-size: small;
    text-align: left;
    float: left;
    padding-top: 20px;
    padding-left: 2%;
    width: 19%;
    height: 250px;
}
#MainContent
{
    font-family: Verdana;
    font-size: medium;
    padding-top: 20px;
    width: 79%;
    height: 250px;
    float: right;
    text-align: center;
    position: relative;
}
#Footer
{
    font-family: Verdana;
    font-size: x-small;
    color: white;
    padding-left: 20%;
    width: 79%;
    height: 15px;
    float:
}

Default.aspx的

 <div id="Header">
    <div style="text-align:center !important">
     <asp:Menu ID="Menu" runat="server" Orientation="Horizontal" >
    <Items>
        <asp:MenuItem Text="MenuItem1" Value="MenuItem1">
            <asp:MenuItem Text="Test1" Value="Test1" />
            <asp:MenuItem Text="Test2" Value="Test2" />
        </asp:MenuItem>
        </Items> 
    </asp:Menu>   
    </div>
    </div>

Answer 1

Asp：菜单对齐取决于父元素的“dir”属性，默认为“ltr”。在父元素上为asp：Menu右对齐设置dir =“rtl”属性，例如：

<div dir="rtl">
    <asp:Menu>
    </asp:Menu>
</div>

ASP菜单控件未对齐

1 个答案: