5.8w+
社区成员
如何使网页居中（在任何分辨率下）？在线急等。。。
我是在1024*768的分辨率下做的网页，在800*600及1280*800的分辨率下显示的网页不是不能全屏就是靠左显示。搜了好多种方法还是不能解决，请大家赐教！
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
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>
加载更多回复
图片宽度为1920，高度固定，不论屏幕宽度变大还是变小，图片始终居中显示 当时百度也没百度出什么头绪，任务又要的很急，无奈之下就只能把宽高都写死了。但是页面效果还是一言难尽，能看得出组长眼里的嫌弃。害，生活不易菜鸟叹气…… 其实我也能明白美工的想法，大致就是：图片宽度为1920...
android安卓源码海量项目合集打包-1 │ │ 将音乐列表做成3D球状，所有的歌曲名称以标签的形式在一个3D空间内不断旋转，参考网页版的3D云标签 ，结合JavaScript与Java通信，将3D云标签应用于音乐播放列表.rar │ │ 控件标签android,类似电影图片上班...
化解Android 和iOS“恩怨”的Flutter ,凭的是什么？ 完成本书的学习后，你将站在更高的起点并且能够做好充分准备，在Flutter开发领域从容应对任何挑战。本书是学习Flutter不可错过的经典作品。 ----------------------------------------样章试读---------------------...
如何使用CSS来进行网页排版 7.不要在注释内容中使“--” “--”只能发生在XHTML注释的开头和结束，也就是说，在内容中它们不再有效。例如下面的代码是无效的: <!--这里是注释-----------这里是注释--> 用等号或者空格替换内部的虚线...
相见恨晚的编程学习词典！谁还不是南极滑冰的那个崽儿？！ 在项目浏览器中，您可以从预置项目类型列表中选取或设定自定项目属性（分辨率、帧速率和时间长度）。 项目面板 包含三个列表的面板，每个列表可让您访问项目的不同方面。层列表显示项目中对象（群组、层、摄像机、...
div + css 详解 7.不要在注释内容中使“--”....................................................................................................... 13 网页设计DIV+CSS——第7天:CSS入门 ...................................
网页设计循序渐进 所以在目前过渡方案下，我们依然推荐使用meta方式。当然，你可以两种方法都写。 看本站源代码，你会发现语言编码定义的地方还多一句： 这是针对老版本浏览器写的，以保证各种浏览器都能正确解释页面。 ...
我在CSDN参与的3000个帖子 谢，在线等 119： 在设计时，组合框如何改变大小呀？[也就是说运行时可以拉长] 120： MSFlexGrid 之网格合并 121： VB有没有好象文本框的替换功能？ 122： 如何快速把数据从一个库快速添加到另...
网站设计相关（杂） 现在是个人主页风行的年代，只要上网，必定穿梭在网上人家的大街小巷之中。不可否认，这些网站当中优秀的比比皆是，但不值一提的网站也是屡见不鲜。显然，不管是网站建设者还是网友，大家都迫切需要知道好网站在哪里...
100项PPT制作技术，做出让观众倾倒的演示文档！ 转自： ... 1. 两幅图片同时动作 PowerPoint的动画效果比较多，但...在“质量控制”下设立子菜单标题分别为“低分辨率”、“高分辨率”，名称分别为：mnuQuality0、mnuQuality1。设置第三个菜单标题为“播放控制”，...
2020年Web前端面试题及答案----CSS篇 Less知识在CSS语法上做了扩展，所以老的CSS代码也可以与Less代码一同编译 缺点：必须要编译，无论在客户端还是服务器端，都是一种额外的花销 如何居中div? 水平居中使用margin(0 auto) 垂直居中:position:absolute; ...
学习XHTML[转贴] 所以在目前过渡方案下，我们依然推荐使用meta方式。当然，你可以两种方法都写。 看本站源代码，你会发现语言编码定义的地方还多一句： 这是针对老版本浏览器写的，以保证各种浏览器都能正确解释页面。 ...
HTML学习笔记(不定时更新) HTML学习笔记第一篇: 第8章: 框架 (frame)1 概述:使用框架灵活的组织网页2 框架分栏垂直分栏 水平分栏 3框架的常用属性设置不可调节框架大小, 设置浏览器不支持... 在名站导航栏的配置过程中 我们可以利用图片处理工具
[前端] H5页面制作经验 我们在PC端常用的两种布局方式就是固定布局和弹性布局，前者设置一个绝大多数电脑能正常显示的固定宽度居中显示，后者则采用百分比。关于这两者讨论的文章很多，有兴趣的自己查阅下，我今天要介绍的就是相信你已经听...
响应式web设计+html5+css3 我们在PC端常用的两种布局方式就是固定布局和弹性布局，前者设置一个绝大多数电脑能正常显示的固定宽度居中显示，后者则采用百分比。关于这两者讨论的文章很多，有兴趣的自己查阅下，我今天要介绍的就是相信你已经听...
面试大总结 一、网页布局 一、HTML面试题 DOCTYPE的作用是什么？ 声明一般位于文档的第一行，它的作用主要是告诉浏览器以什么样的模式来解析文档。一般指定了之后会以标准模式来进行文档解析，否则就以兼容模式进行解析...
