ASP.net-中心对齐面板?
我需要将面板居中对齐。我使用以下方法:ASP.net-中心对齐面板?,asp.net,html,alignment,panel,center,Asp.net,Html,Alignment,Panel,Center,我需要将面板居中对齐。我使用以下方法: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestDefault.aspx.cs" Inherits="tregware.TestDefault" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestDefault.aspx.cs" Inherits="tregware.TestDefault" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<asp:Panel ID="Root" runat="server" BackColor="Red" HorizontalAlign="Center" Style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 0;">
<asp:Panel ID="Body" runat="server" BackColor="Blue"
Style="left: 0px; top: 24px;width: 800px; height: 100%; position: absolute; z-index: 0;"
HorizontalAlign="Center">
</asp:Panel>
</asp:Panel>
</form>
</body>
</html>
但是,面板(“主体”)不会居中。我该怎么做?创建一个名为
.panel{align:center}
然后将其添加到面板
CssClass=“panel”
您已经设置了位置:绝对
,因此许多用于居中元素的常规方法可能无法工作
由于您已将宽度设置为800px
,因此可以使用:
Style="left: 50%; margin-left: -400px; ..."
面板具有水平对齐的属性
<asp:Panel id="reqId" runat="server" HorizontalAlign="center" >
Your Text Here
</asp:Panel>
你的文字在这里