IE9下DIV本来应该居中的结果显示为居左

2017-01-05 郑州网站建设  
网页代码如下:
 
 
<div style="width:1000px;margin:0 auto;"> 
<div style="background-color:red; text-align:left;"> 
郑州网站建设区块1
</div> 
<div style="background-color:yellow;"> 
网站制作区块2 
</div> 
</div> 
 
 
在IE9 下面 本来应该居中的,结果显示为居左. 
 
 
解决: 
 
1. 在IE9以上的版本中,只需要设置 margin:0px auto; 就可以使得DIV居中 
 
 
2. 在IE9以下的版本中,需要如下设置 
 
 
复制代码代码如下:
 
 
<div style="text-align:center"> 
<div style="margin-left:auto ; margin-right:auto"></div> 
</div> 
 
 
其中的子div方可实现居中。

河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://www.tzchb.com/tech/231.html转载请标明出处,谢谢合作!
标签:
  • 代码
  • 居中
  • IE
  • DIV