62,243
社区成员
发帖
与我相关
我的任务
分享如何使网页居中（在任何分辨率下）？在线急等。。。
我是在1024*768的分辨率下做的网页，在800*600及1280*800的分辨率下显示的网页不是不能全屏就是靠左显示。搜了好多种方法还是不能解决，请大家赐教！
...全文
请发表友善的回复…
发表回复
icemoist 2010-03-05
- 打赏
- 举报
最简单的办法是在<body> …… </body>中间加上<center></center>,即有：
<body> <center> …… </center></body>
jaycam 2007-01-12
- 打赏
- 举报
margin:auto
ken_flash 2007-01-12
- 打赏
- 举报
内容确实应放在tabl，至少3列，然后td的宽度不要使用像素，而使用百分比
这个应该可行的
<table>
<tr>
<td width=10%> </td>
<td>内容</td>
<td width=10%> </td>
</tr>
</table>
这个应该可行的
<table>
<tr>
<td width=10%> </td>
<td>内容</td>
<td width=10%> </td>
</tr>
</table>
maggie123 2007-01-12
- 打赏
- 举报
sp1234，你的我也试过了，可还是不行。我一定会补html的课，经理给本书就让做个网站出来，我也是一直在黑暗中摸索着做。
结贴了，虽然问题还未解决。我再去找些资料看看吧，谢谢大家支持了！
结贴了，虽然问题还未解决。我再去找些资料看看吧，谢谢大家支持了！
以专业开发人员为伍 2007-01-12
- 打赏
- 举报
紧凑点更好：
<table width="100%" height="100%" cellpadding=0 cellspacing=0>
<table width="100%" height="100%" cellpadding=0 cellspacing=0>
lxs5i5j 2007-01-12
- 打赏
- 举报
用这个怎么样
<body>
<center>
....(你的页面内容)
</center>
</body>
<body>
<center>
....(你的页面内容)
</center>
</body>
maggie123 2007-01-12
- 打赏
- 举报
mrloulou,我试过了，还是不行？？？
以专业开发人员为伍 2007-01-12
- 打赏
- 举报
唉，“网页居中”结果全都顶部对齐，html还没过关搞asp.net就难度大了。
你的页面：
<%@ Register TagPrefix="uc1" TagName="ControlLeft2" Src="ControlLeft2.ascx" %>
<%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="MyWeb.WebForm1" smartNavigation="True" description="首页"%>
<html>
<head>
<title>WebForm1</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
</head>
<body bgcolor="#ffffff" ms_positioning="FlowLayout" leftmargin="0" rightmargin="0"
topmargin="0" bottommargin="0">
<form id="Form1" method="post" runat="server">
<table width="100%" height="100%">
<tr>
<td align="center" valign="middle">
...放你的控件
</td>
</tr>
</table>
</form>
</body>
</html>
你的页面：
<%@ Register TagPrefix="uc1" TagName="ControlLeft2" Src="ControlLeft2.ascx" %>
<%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="MyWeb.WebForm1" smartNavigation="True" description="首页"%>
<html>
<head>
<title>WebForm1</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
</head>
<body bgcolor="#ffffff" ms_positioning="FlowLayout" leftmargin="0" rightmargin="0"
topmargin="0" bottommargin="0">
<form id="Form1" method="post" runat="server">
<table width="100%" height="100%">
<tr>
<td align="center" valign="middle">
...放你的控件
</td>
</tr>
</table>
</form>
</body>
</html>
maggie123 2007-01-12
- 打赏
- 举报
misng（沦落人），我试过了，可是它还是靠左上角显示，我的另一个页面可以居中，但它没有form，代码如下：
...
<BODY >
<DIV align=center>
<asp:Panel id=Panel1 runat="server" Height="100px"></asp:Panel>
<CENTER>
<TABLE height=4 cellSpacing=0 cellPadding=0 width=740 align=center border=0>
<TBODY>
<TR>
<TD>
<P> </P></TD></TR></TBODY></TABLE></CENTER>
...
</BODY>
其他页面，特别是首页的页面较复杂，不能够用同样的方法。。。
用大家的上述方法不知道为什么都不能实现，还有什么方法可以的，或者是否是我上面的代码中有别的问题导致它不能实现的？谢谢！
...
<BODY >
<DIV align=center>
<asp:Panel id=Panel1 runat="server" Height="100px"></asp:Panel>
<CENTER>
<TABLE height=4 cellSpacing=0 cellPadding=0 width=740 align=center border=0>
<TBODY>
<TR>
<TD>
<P> </P></TD></TR></TBODY></TABLE></CENTER>
...
</BODY>
其他页面，特别是首页的页面较复杂，不能够用同样的方法。。。
用大家的上述方法不知道为什么都不能实现，还有什么方法可以的，或者是否是我上面的代码中有别的问题导致它不能实现的？谢谢！
阿牛138588 2007-01-12
- 打赏
- 举报
内容确实应放在tabl，至少3列，然后td的宽度不要使用像素，而使用百分比
mrluoluo 2007-01-12
- 打赏
- 举报
把<form id="Form1" style="POSITION: static" method="post" runat="server">
改为
<form id="Form1" method="post" runat="server">
有style="POSITION: static"这个,都去掉,否则没用
然后像上面说的,在最外面加个<body></body>之间,加
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td>
你<body></body>之间的代码
</td>
</tr>
</talbe>
改为
<form id="Form1" method="post" runat="server">
有style="POSITION: static"这个,都去掉,否则没用
然后像上面说的,在最外面加个<body></body>之间,加
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td>
你<body></body>之间的代码
</td>
</tr>
</talbe>
我看你有戏 2007-01-12
- 打赏
- 举报
和misng(沦落人)
的观点一样
lxs5i5j 2007-01-12
- 打赏
- 举报
我都是这样做的
<body>
<center>
....(你的页面内容)
</center>
</body>
<body>
<center>
....(你的页面内容)
</center>
</body>
以专业开发人员为伍 2007-01-12
- 打赏
- 举报
放在页面中间，如果在顶部，这显然不是中间。
benefactor 2007-01-12
- 打赏
- 举报
该给分了吧。。
iuhxq 2007-01-12
- 打赏
- 举报
body{
text-align:center;
}
text-align:center;
}
harryjanny 2007-01-12
- 打赏
- 举报
ding
misng 2007-01-12
- 打赏
- 举报
是这样的。。，刚才多了个table
哪个table是我的主内容。。不好意思。。
<body style="POSITION: static" bgColor="#ffffff" MS_POSITIONING="FlowLayout">
<form id="Form1" style="POSITION: static" method="post" runat="server">
<table width="100%">
<tr>
<td align="center">
...这里是你的内容
</td>
</tr>
</table>
</form>
</body>
哪个table是我的主内容。。不好意思。。
<body style="POSITION: static" bgColor="#ffffff" MS_POSITIONING="FlowLayout">
<form id="Form1" style="POSITION: static" method="post" runat="server">
<table width="100%">
<tr>
<td align="center">
...这里是你的内容
</td>
</tr>
</table>
</form>
</body>
maggie123 2007-01-12
- 打赏
- 举报
可是为什么试了都不行呢？能不能具体一点，<div>...</div>还有<table>...</table>应该加在什么位置啊？我的网站已经做好了，就差将做好的页面居中了，大家帮忙看一下究竟是什么问题，为什么不能居中呢？！
misng 2007-01-12
- 打赏
- 举报
<body style="POSITION: static" bgColor="#ffffff" MS_POSITIONING="FlowLayout">
<form id="Form1" style="POSITION: static" method="post" runat="server">
<table width="100%">
<tr>
<td align="center">
<table cellSpacing="0" width="760" border="0">
<tr>
<td>
...这里是你的内容
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</body>
<form id="Form1" style="POSITION: static" method="post" runat="server">
<table width="100%">
<tr>
<td align="center">
<table cellSpacing="0" width="760" border="0">
<tr>
<td>
...这里是你的内容
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</body>
加载更多回复（8）
