在asp.net菜单控件中显示图像下方的文本

时间:2014-03-10 07:06:57

标签: c# asp.net menu

我试图在菜单图标下面显示菜单名称。但我不知道该怎么做。

我的ASPX代码

  <asp:menu runat="server" ItemWrap="true" Orientation="Horizontal">
            <Items>
                <asp:MenuItem ImageUrl="~/Images/Admin.png" Selectable="true" Text="System" /> 
                <asp:MenuItem ImageUrl="~/Images/user.png" Selectable="true" Text="User" />
                <asp:MenuItem ImageUrl="~/Images/cut.png" Selectable="true" Text="Cut" />
                <asp:MenuItem ImageUrl="~/Images/edit-copy.png" Selectable="true" Text="Copy" />                             
            </Items>
        </asp:menu>

输出

enter image description here

1 个答案:

答案 0 :(得分:4)

将Text设置为菜单项时,请尝试放置<br>标记。 然后菜单将是

<asp:Menu runat="server" ItemWrap="true" Orientation="Horizontal">
    <Items>
        <asp:MenuItem ImageUrl="~/Images/Admin.png" Selectable="true" Text="<br> System" />
        <asp:MenuItem ImageUrl="~/Images/user.png" Selectable="true" Text="<br> User" />
        <asp:MenuItem ImageUrl="~/Images/cut.png" Selectable="true" Text="<br> Cut" />
        <asp:MenuItem ImageUrl="~/Images/edit-copy.png" Selectable="true" Text="<br> Copy" />
    </Items>
</asp:Menu>