如何在 c# 网页应用程序中修改二级菜单的选项卡答案

【问题标题】：How to modify tabs for the secondary menu in a c# web page application如何在 c# 网页应用程序中修改二级菜单的选项卡
【发布时间】：2015-11-24 14:00:05
【问题描述】：

我正在使用 asp:menu 和 asp:multiview 来获得我页面上的标签功能，它工作正常，但标签看起来像一个长句子。我想在标签类型的边框或任何东西之间做一些分离。我是这个标签功能的新手。我也在使用 2013 Visual Studio。任何帮助将不胜感激。请查看我的标签的附件图片并给我一些建议。

我的代码是这样的。

        <asp:Menu ID="Menu1" runat="server" Orientation="Horizontal" StaticEnableDefaultPopOutImage="false" OnMenuItemClick="Menu1_MenuItemClick" >
        <Items>
            <asp:MenuItem ImageUrl="" Text="Driver" Value="0" Selected="true"></asp:MenuItem>
            <asp:MenuItem ImageUrl="" Text="Vehicle" Value="1"></asp:MenuItem>
            <asp:MenuItem ImageUrl="" Text="SOS" Value="2"></asp:MenuItem>
             <asp:MenuItem ImageUrl="" Text="ACE" Value="3"></asp:MenuItem>
        </Items>
        <StaticSelectedStyle BackColor="Silver" />
    </asp:Menu>
    <asp:MultiView ID="multiView1" runat="server" ActiveViewIndex="0">
       <asp:View ID="Tab3" runat="server">
            <asp:Table runat="server" Width="100%" Height="100%" CellPadding="0" CellSpacing="0">
                <asp:TableRow VerticalAlign="Top">
                    <asp:TableCell CssClass="TabArea" Width="100%" BackColor="Silver">
                        <br /> <br />
                        tab view 3 .this is reserved for SOS .
                    </asp:TableCell>
                </asp:TableRow>
            </asp:Table>
        </asp:View>
    </asp:MultiView>

我想将我的菜单设为 Tab1|Tab2|Tab3 现在我的菜单看起来像 Tab1Tab2Tab3

【问题讨论】：

使用一些 CSS。或者您可以在 asp 中执行 style=""。我们没有代码，所以看不到您是如何做到的。代码会有所帮助
PLs，我现在添加了标签 3 的代码。
如果您右键单击它们，您可以转到属性并设置它
对于 asp:MenuItem 没有边框或背景。

标签： c# asp.net tabs

【解决方案1】：

我必须这样做，并且属性没有太多可供我使用的选项，所以我只是想出了一个无害的编码技巧。对不起，如果我做了这么愚蠢的事情，我在这里是一只新鲜的蜜蜂，这符合我的要求。我的代码是：

<asp:Menu ID="Menu1" runat="server" Orientation="Horizontal" StaticEnableDefaultPopOutImage="false" OnMenuItemClick="Menu1_MenuItemClick" >
    <Items>
        <asp:MenuItem ImageUrl="" Text="Driver" Value="0" Selected="true"></asp:MenuItem>
        <asp:MenuItem Text="|" Value="0" Selectable="false"></asp:MenuItem>
        <asp:MenuItem ImageUrl="" Text="Vehicle" Value="1"></asp:MenuItem>
        <asp:MenuItem Text="|" Value="2" Selectable="false"></asp:MenuItem>            
        <asp:MenuItem ImageUrl="" Text="SOS" Value="3"></asp:MenuItem>
        <asp:MenuItem Text="|" Value="4" Selectable="false"></asp:MenuItem>
        <asp:MenuItem ImageUrl="" Text="ACE" Value="5"></asp:MenuItem>   
        <asp:MenuItem Text="|" Value="6" Selectable="false"></asp:MenuItem>
    </Items>
    <StaticSelectedStyle BackColor="Silver" />

</asp:Menu>

这有助于我在菜单项和符号上的鼠标悬停之间添加分隔符 |永远不会是可选择的方式。

希望它也能帮助你。玩得开心！

【讨论】：

也很高兴为您工作。我们希望将来有更好的答案
@BlackCanery Canery 我在下面看到了你的答案.. 是的，这也有效，但它只是增加了菜单项之间的填充，你不会得到 tab1 |标签2 |标签3 |按照您在问题中提出的格式
我知道。我还尝试了一些我可以用我的经验做的事情。我很长一段时间没有得到任何答案，所以我选择了我提供的解决方案，现在我更新了我的应用程序。我很感激。

【解决方案2】：

#MainContent_Menu1 a.static {
      padding-left: 0.45em;
      padding-right: 0.45em;
  }

//这会增加标签之间的差距，看起来会更好。

【讨论】：