DIV+CSS网页布局技巧实例1：设置网页整体居中的代码
作者:不详 来源:source 【大 中 小】 浏览: 添加日期：2007-10-14 我要评论(16)
以前用表格布局时设置网页居中非常方便，把表格对齐方式设置为居中就行了，就这么简单，现在呢，用DIV+CSS样式表控制，好像不是那么容易了，其实也很简单，只不过方式不同而已。
<style>
#layout { width:778px; margin:0 auto; text-align:center;}
</style>
<div id="layout">标准之路www.aa25.cn</div>
请看这段代码，宽度为适合800×600分辨率浏览器的宽度，margin:0 auto; 这句代码就是让居中了，意思是外边距上下设置为0，左右设为自动。这样它就居中了。
那么可能你要问了，text-align:center;为什么还要让内容居中呢？呵呵，别着急，这句是为了适应IE6以下版本的浏览器而加的，IE6以下对margin:0 auto;不能解析为居中，所以用这种方式来补救，以下在设计内容时再用 text-align:left;就可以了。
注：margin和padding的值的顺序为顺时针上右下左，如margin:1px 2px 3px 4px;还可以缩写为上下、左右，如本例，如果为margin:0px;则是各边都为0
标准之路www.aa25.cn 提示：可以先修改部分代码后再运行
（如果您觉得本站不错，请告诉身边的朋友，或转载到论坛、百度知道、贴吧等，记得带网址哟，不胜感激！）
〖DIV+CSS实例〗Tags: CSS 居中
所属专题：DIV布局技巧
相关文章
更多评论(16)..会员评论
- flydany(114.98.*.*) 发表于：2010-11-09 10:48:08
- 解释的挺详细
- gfddd(122.159.*.*) 发表于：2010-10-29 15:28:01
- 写的非常好，感谢咱网站做的这么好的教程，我原来做的3e娱乐网www.3ew.net里就出现了很多CSS不兼容的问题，现在看了这教程改了好多老问题！祝咱网站越办越好！
- 管理员回复：欢迎常来
- chenxu(123.122.*.*) 发表于：2010-08-11 10:32:47
- #layout{ width:972px; margin:0px auto; padding:0px; } 请问：为什么不能居中呢？
- 管理员回复：应该能居中呀，什么浏览器？
- vilain(113.111.*.*) 发表于：0000-00-00 00:00:00
- 我自己有一个方法··IE6中没什么问题 管理员看下 <div align="center"></div> 管理员看下这个怎么样
- 管理员回复：align这种写法属于淘汰方法
- 宝宝(220.173.*.*) 发表于：2009-10-22 09:02:59
- 不知道为什么我用Dreamweaver制作出两个不一样的页面，却在火狐浏览器和谷歌浏览器下总是有一个网页不居中，，是为什么哦，请教高手{前提是我两个网页都设置居中了，只是有一个用布局表格，一个是表格排列，是怎么回事？）
- 管理员回复：这个得看源代码
- 不居中(59.53.*.*) 发表于：2009-09-16 14:22:22
- 我用记事本编写不能居中 原来是要在代码前加 才能居中 ,站长解释下为什么把 谢谢了啊
- 管理员回复：不是呀，直接写成行内样式也可以居中的，估计是你代码写错了
- 水果篮子(132.232.*.*) 发表于：2009-09-01 11:19:24
- 大大，运行代码在火狐里面没用，老要切出去，能不能改进一下。
- 管理员回复：好，这个会改进的
- 白丁(114.243.*.*) 发表于：2009-08-10 16:05:45
- 和下面的问题差不多，我按照例子做完了，可是IE6以下的版本并没有居中显示啊，复制了代码放到网页里面也不行，仅仅是文字居中了。还有第三段的“以下在设计内容时再用 text-align:left;就可以了”是什么意思啊？~~~~
- 管理员回复：意思是前面用了text-align:center设置居中了，这样整个容器里的内容都居中了，要想让内容居左，得用text-align:left
推荐文章
热门文章
最新图片素材
最新评论文章
推荐专题
在线交流QQ群
- 106310407(开)
- 55427134(开)
- 2993401(开)
- 30235673(开)
- 33424604(开)
- 2993401(开)
- 161512108(开)
- 161510519(开)
- 158375021(开)
- 155858414(开)
- 143309878(开)
- 16373807(开)
- 129098721(开)
- 123473199(开)
- 146991009(开)
- 135792800(开)