个人中心
gpt4 book ai didi

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

转载 作者：行者123 更新时间：2023-11-30 22:16:42 25 4
gpt4 key购买 nike

我想在 asp.net 菜单项之间留一个空格。因此，我尝试使用 SO 中其他帖子建议的 staticmenuitemstyle 和 horizo​​ntalpadding="10" 属性。但是，它不起作用。 

<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>

最佳答案

您可以使用 CSS Selectors实现这一目标

在您的代码中，您已经分配了 CssClass属性给你的 Menu控制。使用名为“menu”的 CSS 类并在您的页面中覆盖它(您可以稍后将其移动到 css 文件)。所以将此添加到您的页面中 <head> 

<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>

请注意，我添加了 .menu ul > li:first-child选择器，这样您就不会在菜单的第一个元素上获得左填充，我只是更改了 font-size给你一个 CSS 选择器提供的控制的例子。如果您愿意，可以将其删除。

希望对你有帮助

关于c# - 菜单项之间的项目空间在 asp.net 中不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17205383/

25 4 0
文章推荐： c# - 制作列表项结果 VICEVERSA
文章推荐： c# - 未捕获线程中抛出的未处理异常
文章推荐： c# - 使用接口(interface)名称创建类实例是什么概念？
文章推荐： c# - Microsoft 图表控件 - 失败后重绘图表(红叉)
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com