我在不同级别的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>
我在网上搜索,尝试过一些东西,但无法弄明白。这个问题的任何简单但有效的想法?
提前致谢。
答案 0 :(得分:0)
<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>";
}