如何修改c#网页应用程序中辅助菜单的选项卡

本文关键字：菜单 选项 应用程序 网页 何修改 修改 | 更新日期: 2023-09-27 18:24:11

我正在使用asp:menu和asp:multive视图来获取页面上的选项卡功能，该功能运行良好，但选项卡看起来像一个长句。我想在标签之间做一些分隔，比如边界或任何东西。我是此选项卡功能的新手。我也在使用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

如何修改c#网页应用程序中辅助菜单的选项卡

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

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

这帮助我在菜单项和鼠标悬停之间添加了一个分隔符。

希望它也能帮助你。祝你玩得愉快！

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

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

相关文章：