关于IE9下margin: 0 auto;失效问题

最新推荐文章于 2020-06-19 06:57:28 发布
最新推荐文章于 2020-06-19 06:57:28 发布
阅读量1.4k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/itSeven7/article/details/73743450
本文介绍了一个在IE9浏览器下遇到的分页器居中显示问题及其解决方案。原因是子元素使用了浮动导致margin:0 auto失效。通过移除浮动并添加display:inline-block属性实现了居中。

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

今天在做一个浮动的分页器，测了一下IE9浏览器下居然不能居中，然后找了下原因，
是因为子级使用了浮动导致了在IE9下margin：0 auto属性失效了；
解决方法：
将自己的浮动样式去掉；添加上display:inline-block;属性，分页器就自动居中了；

在IE下，当margin:0 auto;无法使得块级元素水平居中时
11-30
本文将深入探讨在Internet Explorer（IE）浏览器中，为何`margin: 0 auto;`在某些情况下无法使块级元素水平居中，并提供解决方案。 首先，`margin: 0 auto;`这个CSS声明通常用于使具有固定宽度的块级元素在容器内...
div使用margin:0px auto不居中的原因分析及解决
09-25
总结来说，`margin: 0px auto` 在某些情况下不居中的主要原因有两点：一是IE6的“怪异模式”，二是缺少DOCTYPE声明导致的浏览器解析差异。解决这些问题的方法包括在`<body>` 标签中设置`text-align: center` 或者...
margin:0 auto在IE中失效的解决方案
weixin_34186128的博客
11-29 205
最近在开发项目的时候，发现在火狐浏览器中设置外容器margin:0 auto是可行的。 但是到了IE6,IE7,IE8则出现了不能居中的现象。 开始也没怎么在意，刚刚在浏览网页的时候看到这篇文章，帮我解决了这个疑问。 解决方案如下： 很多人都忽略了“文档类型”。下面就是正确设置的文档类型了。 <!DOCTYPE html PUBLIC “-//W3C//DTDXHTML 1.0...
IE中margin:auto失效问题
marco1983的专栏
01-27 516
margin:auto在非IE内核的浏览器（例如火狐）中工作正常，在IE中却失效了。原因是不小心把下面一句给删掉了 [b] [/b]
margin：0 auto无效原因
weixin_44501490的博客
03-09 4720
1、没有给要居中的元素设置宽度 2、该元素position值为absolute 3、该元素设置了浮动属性 几点说明： 对于有上下边偏移的相对定位的盒子，margin auto是有效的。 对于有左右边偏移的相对定位的盒子，margin auto也是有效的，只是在居中的基础上会偏差一个left或right值。当left或right为0时，水平居中。 当div宽高都设置了百分比，又设置margin：0...
关于在IE9下css属性设置margin:0 auto 不能使div居中
半杯烟火
10-25 6830
解决方法一： 居中 解决方法二：
css--
佐佐吉牧的专栏
01-03 619
margin-top在这个说明中，“collapsing margins”（折叠margin）的意思是：2个或以上盒模型之间（关系可以是相邻或嵌套）相邻的margin属性（这之间不能有非空内容、padding区域、border边框或使用清除分离方法）结合表示为一个单独的margin。在css2.1中，水平的margin不会被折叠。垂直margin可能在一些盒模型中被折叠：
IE6,IE7浏览器下 margin 无效的解决方法
12-10
其中，一个常见的问题是`margin`在这些老版本的IE浏览器下可能会失效，导致布局出现异常。这个问题主要出现在那些没有开启`haslayout`特性的元素上。 `haslayout`是Internet Explorer特有的渲染模式，它决定了一个...
IE6/7/8/9中table元素align=center权重比margin:0大的实例说明
09-25
在这个情况下，它们似乎赋予了`<table>`元素的`align`属性更高的优先级，使得`margin: 0`的设置失效，表格依然能够按照`align="center"`居中显示。 这种行为的出现是因为IE浏览器在解析CSS和HTML时遵循了一种称为...
IE9 line-height字体垂直居中 失效的解决方法
dibengcheng6179的博客
01-16 214
问题：在IE9中浏览DIV CSS网页文字字体偏上方，设置文字垂直上下居中line-height样式失效，而其它浏览器包括ie6-ie8均正常，究竟什么原因造成，如何解决与避免在ie9浏览器line-height失效。 一、失效原因 使用CSS字体font-family样式使用了“宋体”、“黑体”或“微软雅黑”等中文字体以汉字设置于CSS中。 二、解决方法 【参考...
ie兼容性视图下（ie6,7,8）margin失效，box-shadow
cherry_zhang18的博客
07-24 374
margin可以用position代替 &lt;meta http-equiv="X-UA-Compatible"content="IE=9; IE=8; IE=7; IE=EDGE"&gt; boc-shadow .content{  background:#F5F7FA;width:790px;height:380px; filter:progid:DXImageTransform.M...
IE9下margin:0 auto 内容不居中
weixin_39725702的博客
11-20 452
IE9下margin:0 auto 内容不居中 原因 ：子元素使用了浮动，父元素使用margin:0 auto 在IE9下是不生效的（不居中） 解决办法： 给设置margin:0 auto的元素的父元素设置text-align:center &amp;lt;div style=&quot;text-align:center;&quot;&amp;gt; &amp;lt;div style=&quot;margin:0 auto;&quot
inline-block对margin:0 auto无效
斜杠青年博客
06-19 791
为什么inline-block元素使用margin：0 auto不起作用 再次提到上面的考点，这7大属性的值加起来必须是元素包含块的宽度，这里我们假设其他属性均为0，那也就是margin-left + width + margin-right = 包含块的宽度。 所以： 对于块级元素，当width固定后，margin就能通过margin = (包含块的宽度 - width )/2获得取值 而对于inline-block元素（包含行内替换元素比如img等），内容的宽度就是最终的宽度，没有margin-left
margin 0 auto在IE8下失效
12-24 8586
很奇怪的问题，margin:0 auto;用于水平居中不起作用了，在ie8下，其它浏览器都没问题，最后的解决办法是 在body加上width:100%;text-align:center; body{width:100%;text-align:center;} 就可以了 不过有一点不好的地方，body下的不需要文本居中的都要设一下 补充可以加上body{width:100%;text-a
解决HTML嵌套div中margin失效问题及IE特性解释
这是因为当外层`div`的父元素具有`padding`值为0时，内层`div`的`margin`值会被“挤压”，导致外层`div`的`margin`看起来没有起作用。这种现象在IE浏览器中尤为明显，因为IE有一个特有属性`hasLayout`，它会影响元素...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值