設置下拉菜單的寬度asp：MenuItems

Question

我在不同級別的asp.net中製作了一個菜單。出於好奇，我想知道如何設置MenuItems Test1和Test2的寬度。

我的代碼：

<asp:Menu ID="Menu1" runat="server" CssClass="menu" 
    EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal" Font-Names="Verdana" > 
<Items> 
    <asp:MenuItem Text="Test" Selectable="false"> 
     <asp:MenuItem NavigateUrl="~/Test1.aspx" Text="Test1" Value="Test1"/> 
     <asp:MenuItem NavigateUrl="~/Test2.aspx" Text="Test2" Value="Test2"/> 
    </asp:MenuItem> 
</Items> 
</asp:Menu> 

我搜索網，嘗試了一些事情，但不能弄明白。對於這個問題，任何簡單但有效的想法？

在此先感謝。

Answer 1

<style> 
    .level1 
{ 
    width:500px; 
} 

</style> 

<asp:menu ID="Menu1" runat="server"> 
      <LevelMenuItemStyles> 
       <asp:MenuItemStyle CssClass="level1"/> 
       </LevelMenuItemStyles> 

     <Items> 
     <asp:MenuItem Text="First"></asp:MenuItem> 
     <asp:MenuItem Text="second"></asp:MenuItem> 
     </Items> 
     </asp:menu> 

替代

protected void Menu1_MenuItemDataBound(object sender, TreeNodeEventArgs e) 
    { 
       e.Item.Text = "<div style='width:100px; color:Yellow; background-color:Orange' >" + e.Item.Text + "</div>"; 
    }