gpt4 book ai didi

css - 在 ASP.NET 中使用 CSS 对齐基本中心

转载 作者:行者123 更新时间:2023-11-28 08:32:14 24 4
gpt4 key购买 nike

对于这个问题的基础性,我深表歉意,但我正处于尝试学习 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;
}

该部分中的 Logo 居中正常,但菜单不正常。

如有任何帮助,我们将不胜感激。

最佳答案

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

关于css - 在 ASP.NET 中使用 CSS 对齐基本中心,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28213993/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com