C# 菜单项之间的项空间在asp.net中不起作用

C# 菜单项之间的项空间在asp.net中不起作用,c#,asp.net,aspmenu-control,C#,Asp.net,Aspmenu Control,我想在asp.net菜单项之间留出一个空格。因此,我尝试了staticmenuitemstyle和horizontalpadding=“10”属性,这是SO中其他帖子建议的。但是,它不起作用 <staticmenuitemstyle horizontalpadding="10" /> 请让我知道如何在菜单项之间留出空间 我的代码:: <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu"

我想在asp.net菜单项之间留出一个空格。因此,我尝试了
staticmenuitemstyle
horizontalpadding=“10”
属性,这是SO中其他帖子建议的。但是,它不起作用

<staticmenuitemstyle horizontalpadding="10" />

请让我知道如何在菜单项之间留出空间

我的代码::

 <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" 
           EnableViewState="False" IncludeStyleBlock="False" Orientation="Horizontal" 
           BackColor="#F7F6F3" DynamicHorizontalOffset="2" Font-Names="Verdana" 
           Font-Size="0.8em" ForeColor="#7C6F57" StaticSubMenuIndent="10px">
      <DynamicHoverStyle BackColor="#7C6F57" ForeColor="White" />
      <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
      <DynamicMenuStyle BackColor="#F7F6F3" />
      <DynamicSelectedStyle BackColor="#5D7B9D" />
      <staticmenuitemstyle horizontalpadding="10" />
      <Items>
          <asp:MenuItem NavigateUrl="~/WebPages/Default.aspx"  Text="Support1">
          <asp:MenuItem NavigateUrl="~/WebPages/Default2.aspx"  Text="Support2">
      </Items>
</asp:Menu>

您可以使用

在代码中,您已将
CssClass
属性指定给
菜单
控件。使用名为“menu”的CSS类,并在页面中覆盖它(您可以稍后将其移动到CSS文件)。因此,请在


.菜单李~李
{
左填充:100px;/*选择前面有
  • 元素的每个
  • 元素*/ 列表样式:无; } .菜单ul>li:第一个孩子 { 字体大小:20px;/*此选项将选择菜单的第一个元素*/ }
  • 请注意,我添加了
    .menu ul>li:first child
    选择器,这样您就不会在菜单的第一个元素上留下空白,我只是更改了
    字体大小
    ,为您提供了CSS选择器提供的控件示例。如果您愿意,可以将其删除


    希望这对您有所帮助

    您使用的是哪个.NET framework版本?菜单控件在4.0中呈现为
    ul
    ,在以前的版本中呈现为
    表格。话虽如此,您可以通过CSS相应地控制间距。我使用的是.NETFramework4.0@juanreyesv请告诉我如何处理CSS?
    
    <style type="text/css">
        .menu li ~ li
        {
            padding-left: 100px; /* selects every <li> element that are preceded by a <li> element. */
            list-style:none;
        }
    
        .menu ul > li:first-child
        {
            font-size:20px;/* this one will select the first element of your menu */
        }
    </style>