0


这就是问题

 在此处输入图像描述

所在:请注意子菜单项没有任何子项的奇怪的空间不足,因此缺少 ▶ 箭头...

设置的Width属性StaticMenuItemStyle会影响顶级菜单项,而设置的Width属性DynamicMenuItemStyle影响子菜单项(在这种情况下,除了第一项“菜单”之外的所有内容)。

但是,子菜单项的宽度不包括 ▶ 箭头的宽度,因此不幸的是,在没有子项的情况下,子菜单项的宽度似乎并不相同。

关于如何正确格式化的任何想法?如果可能的话,我想保留箭头...



这是ASP:

<asp:Menu ID="Menu1" runat="server" Orientation="Horizontal"
    Style="text-align: center;">

    <StaticMenuItemStyle Width="200px" BackColor="Blue" ForeColor="White" />
    <StaticHoverStyle BackColor="DarkBlue" ForeColor="Yellow" />

    <DynamicMenuItemStyle Width="200px" BackColor="Blue" ForeColor="White" />
    <DynamicHoverStyle BackColor="DarkBlue" ForeColor="Yellow" />

    <Items>
        <asp:MenuItem Text="menu">
            <asp:MenuItem Text="formatting problem!" />

            <asp:MenuItem Text="submenu">
                <asp:MenuItem Text="submenu item 1" />
                <asp:MenuItem Text="submenu item 2" />
                <asp:MenuItem Text="submenu item 3" />
            </asp:MenuItem>
        </asp:MenuItem>
    </Items>
</asp:Menu>


注意:我确实知道如何使用无序列表和 CSS 正确格式化下拉菜单,但我正在寻找一个纯粹的 ASP.NET 解决方案。

4

0 回答 0