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

伤心了难过了,一个人静静,不要在任何人面前掉眼泪,我不能原谅我的懦弱。经常笑,学会向比自己小的人称哥,以保持年轻心态。
复制代码
代码如下:

<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方可实现居中。

以上就是IE9下DIV本来应该居中的结果显示为居左。睡觉也是一种解脱,睡着了就会不悲、不气、不烦恼、不孤单,是上天赐予你短暂失忆的时间。更多关于IE9下DIV本来应该居中的结果显示为居左请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
Css设置img属性让图片水平居中/居左/居右的写法

CSS让子元素div的高度填满父容器的剩余空间的方法

DIV或者DIV里面的图片水平与垂直居中的方法

详解CSS3原生支持div铺满浏览器的方法

div+css样式自制带小三角的tooltips效果