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

Question

我正在使用 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

Answer 1

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

// 这将增加选项卡之间的间距并且看起来更好。

Answer 2

我不得不做同样的事情，并且属性没有太多可供我使用的选项，所以我只是想出了一个无害的编码技巧。抱歉，如果我做了这么愚蠢的事情，我是这里的新蜜蜂，这满足了我的要求。我的代码是：

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

这帮助我在菜单项和符号上的鼠标悬停之间添加了一个分隔符 |将始终无法选择。

希望对您也有帮助。玩得开心！

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

How to modify tabs for the secondary menu in a c# web page application

c#

asp.net

tabs