Question

我对这个问题的基本原理表示道歉，但是我在尝试学习ASP.NET的早期阶段，已经有了很大的WinForms背景。

我正在创建一个带有菜单栏的母版页，但我甚至无法将菜单置于页面的中心位置。

我的标记如下 -

<%@ Master Language="C#" AutoEventWireup="true"    CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Page Title</title>   
<link href="CSS/Master.css" rel="stylesheet" />    
<asp:ContentPlaceHolder id="head" runat="server">

</asp:ContentPlaceHolder>
</head>
<body>
<form id="HomeForm" runat="server">
<div id="MainDiv">
    <asp:Panel ID="HeaderPanel" HorizontalAlign="Center" runat="server">
        <header>
            <img src="/Artwork/Webhead.jpg" />
        </header>
    </asp:Panel>
    <div id="MenuDiv">
        <asp:Menu ID="MainMenu" runat="server" DataSourceID="SiteMapDataSource1" Orientation="Horizontal" StaticEnableDefaultPopOutImage="False"></asp:Menu>
        <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" ShowStartingNode="False" />
    </div>    
    <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

    </asp:ContentPlaceHolder>
</div>
</form>
</body>
</html>

我的CSS如下 -

*
{
font-family: Calibri
}

#MainDiv
{
margin: auto;
background-color: cyan;
}

#HeaderPanel
{

}

#MenuDiv
{
margin: auto;
}

#MainMenu
{
margin: auto;
background-color: yellow;
align-self: center;
}

该部分的徽标中心确定，但菜单没有。

非常感谢任何帮助。

Answer 1

try this
#MainMenu{
    display: table;
    margin: 0 auto;
}

基本中心与ASP.NET中的CSS对齐

1 个答案: