DIV+CSS实现页面居中

  首先要说明:实现页面内容居中的最简单有效的方法是:使用<center>标记.只要你的页面内容是放在一个div容器中(这个div内当然还可以嵌套其它div和table),这种是屡试不爽的!

  然后,一般实现div的居中控制是设置它的margin属性。这样:“margin:0  auto ; ”这个是什么意思呢,意思是内容上下为0距离,而左右为“auto”自动,这样就可以设置实现网页布局居中(如果这里设置margin:5px auto; 一样不影响实验)。

  用margin:0 auto;设置页面居中有两个条件:

  1、页面上要包含W3C的头声明:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" (VS里这个后面还有一部分,可以不要)>

  2、这个DIV不能设置position:absulote属性;

  最后,如果发现你的页面还没有居中,就检查是不是哪里写错了吧!

posted @ 2012-05-07 22:10  伯箫  阅读(373)  评论(0编辑  收藏  举报