这就是问题
所在:请注意子菜单项没有任何子项的奇怪的空间不足,因此缺少 ▶ 箭头...
设置的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 解决方案。