Question

Div+Css如何实现整体居中？

考虑到宽屏问题。老师要求我们把1000像素宽的页面居中显示。整体页面做好了。分上中下结构。3个DIV再由一个大的DIV包含起来。在CSS样式表中我在这个大的DIV中写入了text-align:center; 结果还是没有居中。但是文字却以所在DIV中居中。无法实现整体居中。请问还有什么办法吗？

Answer 1

　　主要的样式定义如下：

　　body {TEXT-ALIGN: center;}
　　#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }
　　说明：
　　首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中；对于IE这样设定就已经可以了。但在mozilla中不能居中。
　　解决办法就是在子元素定义时候设定时再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ”
　　需要说明的是，如果想用这个方法使整个页面要居中，建议不要套在一个DIV里，可以依次拆出多个div，只要在每个拆出的div里定义MARGIN-RIGHT: auto;MARGIN-LEFT: auto; 就可以了。

Answer 2

maring:0 auto;width:1000px;
margin:0 auto是居中，但div是块元素，你不设宽度，它默认宽度是100%，谈何居中，所以你还要加一个宽度，才可以

Answer 3

给body设置0边距！然后设置你那个最外边的div给他设置margin:auto 0px;属性！意思是外边距左右自动适应！也就是居中！上下边距为0；

Answer 4

如何用css样式完全来实现网页整体居中？ IE浏览器的话，在BODY中设定text-align:center;就可以。但是在FIREFOX浏览器中，还不知道。

Answer 5

margin:0 auto;