设置下拉菜单的宽度 asp:MenuItems

发布于 2024-11-07 05:15:51 字数 644 浏览 3 评论 0原文

我在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>

我在网上搜索，尝试了一些东西，但无法弄清楚。对于这个问题有什么简单但有效的想法吗？

提前致谢。

原文

I made a Menu in asp.net with different levels. And out of curiousity I would like to know how to set the width for the MenuItems Test1 and Test2.

My code:

<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>

I searched the net, tried some things but couldn't figure it out. Any simple but working ideas for this issue?

Thanks in advance.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

缱绻入梦 2024-11-14 05:15:51

<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>";
    }

<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>

Alternative

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

回复收藏 0 原文

~没有更多了~