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

最新推荐文章于 2019-03-09 17:15:49 发布
原创 最新推荐文章于 2019-03-09 17:15:49 发布 · 1.4k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一个在IE9浏览器下遇到的分页器居中显示问题及其解决方案。原因是子元素使用了浮动导致margin:0 auto失效。通过移除浮动并添加display:inline-block属性实现了居中。

今天在做一个浮动的分页器，测了一下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 215
最近在开发项目的时候，发现在火狐浏览器中设置外容器margin:0 auto是可行的。 但是到了IE6,IE7,IE8则出现了不能居中的现象。 开始也没怎么在意，刚刚在浏览网页的时候看到这篇文章，帮我解决了这个疑问。 解决方案如下： 很多人都忽略了“文档类型”。下面就是正确设置的文档类型了。 <!DOCTYPE html PUBLIC “-//W3C//DTDXHTML 1.0...
IE中margin:auto失效问题
marco1983的专栏
01-27 530
margin:auto在非IE内核的浏览器（例如火狐）中工作正常，在IE中却失效了。原因是不小心把下面一句给删掉了 [b] [/b]
margin：0 auto无效原因
weixin_44501490的博客
03-09 4740
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 6843
解决方法一： 居中 解决方法二：
css--
佐佐吉牧的专栏
01-03 631
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 224
问题：在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 384
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 464
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
margin 0 auto在IE8下失效
12-24 8604
很奇怪的问题，margin:0 auto;用于水平居中不起作用了，在ie8下，其它浏览器都没问题，最后的解决办法是 在body加上width:100%;text-align:center; body{width:100%;text-align:center;} 就可以了 不过有一点不好的地方，body下的不需要文本居中的都要设一下 补充可以加上body{width:100%;text-a
CSS中的margin：auto失效原因
热门推荐
zym_zb的博客
02-18 1万+
1.要给居中的元素一个宽度，否者无效。 2.该元素一定不能浮动，否者无效。 3 在HTML中使用标签，需考虑好整体构架，否者全部元素都会居中的。 4.display：table－cell display:table-cell属性指让标签元素以表格单元格的形式呈现，类似于td标签。 目前IE8+以及其他现代浏览器都是支持此属性的。我们都知道，单元格有一些比较特别的属
【IE浏览器】解决margin: 0 auto;不居中办法！
随缘的一个人
05-12 1345
出现这个现象的原因在于文档的DTD声明； 将DTD修改为：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值