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属性;
最后,如果发现你的页面还没有居中,就检查是不是哪里写错了吧!