如何在水平菜单中设置项目间距？答案

【问题标题】：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 > table {border-collapse: separate; border-spacing: 2px}

【解决方案2】：

或者，我使用了这种方法：

<StaticMenuItemStyle ItemSpacing="10px"/>

【讨论】：

【解决方案3】：

添加边框宽度作为替代

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

【讨论】：