UC知道网页可以居中显示的问题？
来源：百度知道 编辑：UC知道 时间：2024/09/21 05:47:06
为什么以下代码用ie7网页可以居中显示，而ie6网页就不能居中显示？为什么？怎么才能让网页在ie6中居中显示？请高手指教！
body{ margin:0;padding:0;text-align:center;}
这里的body把margin与padding设置为0，这样就把body内容与浏览器边缘亲密接触。然后text-align:center 把body的内容全部居中，这样就包括了#container也一起居中了。
再来看一下#container的样式：
container{width:760px;margin:0 auto;text-align:left;position:relative;}
body{ margin:0;padding:0;text-align:center;}
这里的body把margin与padding设置为0，这样就把body内容与浏览器边缘亲密接触。然后text-align:center 把body的内容全部居中，这样就包括了#container也一起居中了。
再来看一下#container的样式：
container{width:760px;margin:0 auto;text-align:left;position:relative;}
建议你使用margin的控制去调整body定义的位置.这样不管在什么浏览器(IE6 IE7 FF)都是一致的显示.
又或者你可以在body里定义一个新的div,这样能够有区别的定义text-align.调整好嵌套问题咯.