margin 0 auto在IE8下失效

本文讨论了在IE8浏览器中应用margin:0auto;进行元素水平居中失效的问题,并提供了两个解决方案:通过在body元素上设置width:100%和text-align:center;来实现整体居中,或者使用相对定位配合left:50%和margin-left调整元素位置。同时,文章还指出了这种方法的局限性和可能存在的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

很奇怪的问题,margin:0 auto;用于水平居中不起作用了,在ie8下,其它浏览器都没问题,最后的解决办法是

在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}

网上还有其它的解决感觉不是很好,不推荐

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值