解决ie8下费兼容性视图的时候css+div网页不能居中

[07-23 13:05:45]   来源：http://www.wenxue9.com  it数码   阅读：8391次

概要： IE8对margin:0 auto;这个CSS好像不再有用了，页面不能居中啦，下午回来再看看有什么办法居中，太平洋的前端也说他们公司无视IE8的存在，测试还是以前的版本。 原因找到啦，我把margin:0 auto;写在了body标签中，IE7以下都可以居中，IE8就不行，解决办法是，把这代码写在div大框架中就可以了。 百度搜索的资料： 程序代码 <style type="text/css"> body{text-align:center;width:100%;} #wrap{ text-align:left; width:560px; margin:0 auto; border:1px solid #333; background-color:#ccc; } </style> <div id="wrap"> 在所有浏览器中都有效的方法: <pre> 在所有浏览器中都有效的方法: 在所有浏览器中都有效的方法: 在所有浏览器中都有效的方法: </pre> <

解决ie8下费兼容性视图的时候css+div网页不能居中,标签：i知识,数码常识,http://www.wenxue9.com
  

IE8对margin:0 auto;这个CSS好像不再有用了，页面不能居中啦，下午回来再看看有什么办法居中，太平洋的前端也说他们公司无视IE8的存在，测试还是以前的版本。
原因找到啦，我把margin:0 auto;写在了body标签中，IE7以下都可以居中，IE8就不行，解决办法是，把这代码写在div大框架中就可以了。

百度搜索的资料：


程序代码
<style type="text/css">
body{text-align:center;width:100%;}
#wrap{
text-align:left;
width:560px;
margin:0 auto;
border:1px solid #333;
background-color:#ccc;
}
</style>
<div id="wrap"> 在所有浏览器中都有效的方法: <pre> 在所有浏览器中都有效的方法: 在所有浏览器中都有效的方法: 在所有浏览器中都有效的方法:
</pre>
</div>

上一篇：网络营销之博客软文的写作注意事项