菜單項高度

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高度也高度選項似乎工作

感謝 孫

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