C# 菜单项之间的项空间在asp.net中不起作用
我想在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"
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>