ASP.NET 静态子菜单类

Question

我有以下代码：

<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" staticdisplaylevels="2"
    EnableViewState="False" IncludeStyleBlock="False" Orientation="Horizontal">
    <Items>
        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Homepage">
            <asp:MenuItem Text="New Element" Value="New Element"></asp:MenuItem>
            <asp:MenuItem Text="New Element" Value="New Element"></asp:MenuItem>
            <asp:MenuItem Text="New Element" Value="New Element"></asp:MenuItem>
        </asp:MenuItem>
        <asp:MenuItem NavigateUrl="~/About.aspx" Text="Info"/>
    </Items>
</asp:Menu>

这是一个简单的静态 .NET 菜单控件。对于staticdisplaylevels="2"，子菜单也像顶部菜单项一样静态地显示在同一行中。但是我希望子菜单项显示在顶部菜单项行下的另一行中。我该怎么做？有没有办法为所有子菜单项提供一个 CSS 类，我可以通过 CSS 定位它们？

生成的 HTML 如下所示：

<ul class="level1 static" tabindex="0" style="position: relative; width: auto; float: left;" role="menubar">
<li class="static" role="menuitem" style="position: relative; float: left;">
<a class="level1 static" href="Default.aspx" tabindex="-1">Homepage</a>
</li>
<li class="static" role="menuitem" style="position: relative; float: left;">
<a class="level2 static" href="#" tabindex="-1">New Element</a>
</li>
<li class="static" role="menuitem" style="position: relative; float: left;">
<a class="level2 static" href="#" tabindex="-1">New Element</a>
</li>
<li class="static" role="menuitem" style="position: relative; float: left;">
<a class="level2 static" href="#" tabindex="-1">New Element</a>
</li>
<li class="static" role="menuitem" style="position: relative; float: left;">
<a class="level1 static" href="About.aspx" tabindex="-1">Info</a>
</li>
</ul>

Answer 1

您可以在样式表中使用以下代码

.menu{}
.menu table table {
                   margin-top:10px;}

并在菜单中添加上述类。

Answer 2

不，没有内置属性来设置它的样式。

但是你可以使用这样的样式。考虑到 asp 如何呈现其菜单（在表格中），这将允许您向内部表添加样式。

<style>
    .menu{background: #eee;}
    .menu table table {background: #ddd;}
</style>