【问题标题】:How to set items spacing in a horizontal menu?如何在水平菜单中设置项目间距?
【发布时间】:2012-07-12 11:08:13
【问题描述】:

水平菜单项:

        <asp:MenuItem Text="Registration" Value="Registration"></asp:MenuItem>
        <asp:MenuItem Text="Log In" Value="Log In"></asp:MenuItem>
        <asp:MenuItem Text="About Us" Value="About Us"></asp:MenuItem>

问题:项目之间的空格与项目中单词之间的空格相同(登录、关于我们)。
我正在寻找一个名为“itemspace”或类似名称的属性,但是,似乎没有这样的属性。 或者,也许,有?

【问题讨论】:

  • 这里回答了一个相关问题:stackoverflow.com/questions/1822122/…
  • 这个问题是关于单选按钮,而不是关于菜单项。它不适用于菜单项,但适用于单选按钮。

标签: asp.net menu


【解决方案1】:
<staticmenuitemstyle horizontalpadding="10"/>

【讨论】:

  • 我尝试了这个和 Gary 的解决方案,但它在 Chrome 中对我不起作用。我已经在 id="content" 的 div 下直接拥有菜单,所以我只是在外部 css 中执行此操作:#content &gt; table {border-collapse: separate; border-spacing: 2px}
【解决方案2】:

或者,我使用了这种方法:

<StaticMenuItemStyle ItemSpacing="10px"/>

【讨论】:

    【解决方案3】:

    添加边框宽度作为替代

    <staticmenuitemstyle BorderWidth="20px" BackColor="Green" BorderColor="#ededed" forecolor="Black"/>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2010-11-15
      • 1970-01-01
      • 2023-03-19
      • 1970-01-01
      • 1970-01-01
      • 2019-05-21
      • 1970-01-01
      • 2011-10-16
      相关资源
      最近更新 更多