Question

在Site.master中，我如何设置导航菜单项的高度。我希望所有菜单项具有相同的高度和居中文本。

 <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" StaticMenuItemStyle-Height="148px" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal" 
                 StaticSelectedStyle-CssClass="selected" >
                <Items>
                    <asp:MenuItem   NavigateUrl="~/_UILayer1/AdminAcctInfo.aspx"  Text="Admin Profile <br/>Info"/>
                    <asp:MenuItem  NavigateUrl="~/_UILayer1/BUsersAcctInfo.aspx" Text="Business Users <br/>Profile Info"/>
                    <asp:MenuItem  NavigateUrl="~/_UILayer1/FMMPublication.aspx" Text="Publication"/>

                </Items>
            </asp:Menu>

StaticMenuItemStyle-height和height选项似乎都不起作用

由于太阳

Answer 1

您没有包含CSS类的代码，但这应该可以帮助您：

<asp:Menu ID="NavigationMenu" runat="server"  StaticMenuItemStyle-CssClass="MenuItem"
    Orientation="Horizontal"  >
    <Items>
        <asp:MenuItem NavigateUrl="~/_UILayer1/AdminAcctInfo.aspx" Text="Admin Profile <br/>Info" />
        <asp:MenuItem NavigateUrl="~/_UILayer1/BUsersAcctInfo.aspx" Text="Business Users <br/>Profile Info" />
        <asp:MenuItem NavigateUrl="~/_UILayer1/FMMPublication.aspx" Text="Publication"  />
    </Items>
</asp:Menu>

CSS类：

.MenuItem
{
    height: 150px; 
    text-align: center;
}

Answer 2

这有帮助吗？ ASP.NET MenuItem Individual Styles

或者取决于你的.Net版本（你需要4.0）http://msdn.microsoft.com/en-us/library/ms366731.aspx

菜单项高度

2 个答案: