margin 0 auto在IE8下失效
2014-12-24 10:31
232 查看
很奇怪的问题,margin:0 auto;用于水平居中不起作用了,在ie8下,其它浏览器都没问题,最后的解决办法是
在body加上width:100%;text-align:center;
就可以了
不过有一点不好的地方,body下的不需要文本居中的都要设一下
补充可以加上
还有基外的解决方法:
使用相对定位,左50%,左间距:-(宽度/2)
网上还有其它的解决感觉不是很好,不推荐
在body加上width:100%;text-align:center;
body{width:100%;text-align:center;}
就可以了
不过有一点不好的地方,body下的不需要文本居中的都要设一下
补充可以加上
body{width:100%;text-align:center;} div{text-align:left;}
还有基外的解决方法:
使用相对定位,左50%,左间距:-(宽度/2)
.centerdiv{position:relative;width:1000px;left:50%;margin-left:-500px}
网上还有其它的解决感觉不是很好,不推荐
相关文章推荐
- 关于IE9下margin: 0 auto;失效问题
- margin:0 auto在IE中失效的解决方案
- 完美解决IE8不支持margin auto问题
- div样式 margin:0 auto 在IE8浏览器不居中的解决办法
- IE8下绝对居中的margin:auto兼容问题解决办法
- ie8 margin失效
- margin:0 auto在IE中失效的解决方案
- margin:0 auto;失效的原因
- IE8 CSS设置DIV居中,添加“margin:0 auto”
- CSS中的margin:auto失效原因
- 页面布局margin:0 auto失效
- html页面docutype前面出现字符会导致IE678 margin:0 auto;失效
- margin:0 auto;在IE8里不再居中啦
- jq的slideToggle()在ie8里遇到bug:下盒子的margin—top失效,margin-top塌陷解决方法
- margin: 0 auto;失效原因,a标签去掉下滑线
- IE8 margin: auto 无法居中
- margin:0 auto在IE中失效的解决方案
- ie8下div中单个input的margin和padding失效
- IE中margin:auto失效问题
- margin:0auto与body{text-align:center;}实现元素居中 两种方法的异同