【IE浏览器】解决margin: 0 auto;不居中办法！

最新推荐文章于 2021-06-14 14:41:35 发布
最新推荐文章于 2021-06-14 14:41:35 发布
阅读量1.3k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 兼容性问题 文章标签： 浏览器兼容问题 IE margin不居中
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/long5693525/article/details/51384219
本文介绍了一个关于文档类型定义(DTD)的问题及解决方案。通过修改DTD声明可以解决特定的显示问题，确保网页正确呈现。

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

出现这个现象的原因在于文档的DTD声明；

将DTD修改为：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
在IE下，当margin:0 auto;无法使得块级元素水平居中时
11-30
在IE浏览器（尤其是旧版本）中，`margin: 0 auto;`的居中效果依赖于父元素的`text-align`属性。当父元素的`text-align`设置为`center`时，IE会将其中的块级元素视为内联元素来处理，从而实现水平居中。因此，解决...
div使用margin:0px auto不居中的原因分析及解决
09-25
本篇文章将深入探讨`margin: 0px auto` 不居中的原因，并提供相应的解决方案。 首先，让我们了解`margin: 0px auto` 的工作原理。当一个块级元素的左右外边距设置为自动时，浏览器会自动计算两边的外边距，使元素在...
IE下div使用margin:0px auto不居中的原因
weixin_30825581的博客
04-05 173
一般在将div居中显示时，使用css： divX {margin:0 auto;} 此css在firefox下是好的，但是在ie下不起作用，网上看到原因如下： <div id="cnbruce">margin: 0 auto 看看内容居中否</div> 如上调试结果，IE6.0是不居中的，当然解决的办法可以是对网页主体“<body>”声明...
IE下margin:0 auto不居中解决方法
MrLiber的博客
04-03 802
正常情况下需要将div居中显示时，使用Css样式:margin:0 auto即可，但有时使用margin:0 auto后在FF、Chrome里能居中，而在IE678里不居中的现象。 如下代码: &lt;style type="text/css"&gt; #con{width:980px;martin:0 auto;} &lt;/style&gt; &lt;div id="con...
margin:0 auto在ie7浏览器里面无效
weixin_30294709的博客
03-19 118
把文件头改成 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> 转载于:https://ww...
margin:0 auto在IE中失效的解决方案
jcoiwenwfkowe的博客
06-14 139
margin:0 auto在IE中失效的解决方案
IE中margin:auto失效问题
marco1983的专栏
01-27 518
margin:auto在非IE内核的浏览器（例如火狐）中工作正常，在IE中却失效了。原因是不小心把下面一句给删掉了 [b] [/b]
html中使用margin:0 auto整个页面不居中的解决方法
09-28
在本例中，问题出在L-Blog没有在HTML文件的开头添加适当的DOCTYPE，导致IE浏览器以怪异模式（Quirks Mode）解析页面，而不是标准模式。在怪异模式下，浏览器可能会按照早期的非标准方式渲染页面，从而影响某些CSS...
IE浏览器中解决设置了margin:0 auto;后不居中的办法
HZZOU的博客
07-21 1579
一般情况下若要将div居中显示，使用CSS样式：margin:0 auto; 或者margin:0 auto 1px;即可，但是有时候用margin:0 auto;后在FF,Chrome等浏览器里能居中，但在IE6、7、8里却不能居中的现象。   代码如下： &lt;style&gt; #con{ width:980px; margin:0 auto; } &lt;/style&g...
关于IE7/IE8不支持margin:0 auto;居中的解决办法
qq_17475727的博客
08-02 777
div居中一般写法我们会用：margin: 0 auto;但是在低版本的ie浏览器显现偏左不居中，解决办法如下 .center-box{ width: 1000px; height: 800px; background-color: green; margin: 0 auto; } 兼容IE7/IE8的写法： .center-box{ width: 1000px; height: 800px; b...
ie css margin auto 不居中解决方案
09-25
在将居中显示时，使用css：#main {margin:0 auto;width:400px;} 此css在firefox下是好的，但是在ie下不起作用。于是开始搜索整理了一下，晒出来和大家分享一下，有需要的朋友可以参考下
margin: 0 auto 在部分浏览器中失效的解决方案
Amy的专栏
04-24 471
在IE低版本和以IE为内核的360浏览器中，发现margin: 0 auto没起作用。 解决方案如下： 很多人都忽略了“文档类型”。下面就是正确设置的文档类型了。 <!DOCTYPE html PUBLIC “-//W3C//DTDXHTML 1.0Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio...
在IE下margin:0 auto;不起作用在解决方法
tarajk05的专栏
12-15 1477
有时候在IE浏览器中对于元素样式的设计会失去作用，比如有的时候 对于div的操作margin:0 auto;会失去作用，其相应的解决方法可以有如下的方法： 在静态html文件中增加如下声明： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml
关于IE6中无法使用margin:0 auto居中的问题解决方案
http://itzones.cn
03-02 1034
添加 css语句margin:0 auto 就可以实现页面居中效果，但是当我们在不同的浏览器中测试的时候会发现IE6中居然不居中。又一个该死的ie6 bug。网络上流传的一个解决办法是，给我们想要居中的对象设置text-align:center。杯具啊！为了解决一个小问题，引入所有文本对齐重新设置的大麻烦。更可笑的是这种解决方法竟然被引用数次。今天，提供正确的IE6下margin auto不居中解
margin:0 auto 不起作用的原因
一名假人的博客
05-26 9248
块级元素的定位是绝对定位，即position:absolute。 因为margin可以理解为，规定该元素与其他元素的距离。那么就说明该元素应在文档流之中，这样才能计算auto。 块级元素应该没有给定的宽度。如width:10px 或是width:10%等 总结 块级元素 定位不要absolute可以是relative 其他原因目前并没有找到，希望大家留言补充，共同进步！ ...
margin:0 auto 在火狐浏览器下的兼容性
weixin_33705053的博客
07-09 256
<div class="parents" style="overflow:hidden"> <div class="kids" style="width:980px; height:auto; margin:0 auto; overflow:hidden;"></div></div>我在调试页面的时候，发现我的页面在火狐浏...
margin:0 auto为什么会失效
热门推荐
得之我幸
06-19 1万+
1.没有指定宽度 解决：设置width 结论：分别给要居中的元素添加了指定宽度，没变化，说明不是这个原因 2.浮动、绝对定位、固定定位的盒子失效 结论：看不见有这方面的设置啊，排除 3.行内元素失效 解决方法：①设置display:block；②给定要居中的行内元素的宽度。（自带宽度的input/button等元素无需设置宽度） 结论：我设的div啊，排除 4.display:table-cell...
css中为什么margin：auto 只能实现水平居中不能实现垂直居中
搬砖小鱼，请多指教呦
04-16 3104
在实现元素居中的时候相信很多小伙伴都知道一个方法，就是通过margin： 0 auto,来实现水平居中，那么为什么，auto对于垂直方向来说不生效呢 css规范： The following constraints must hold among the used values of the other properties: 'margin-left' + 'border-left-wi...
解决IE浏览器中margin加倍及浮动元素间距问题
"这篇文章主要探讨了在Web开发中遇到的IE浏览器特有的‘margin加倍问题’以及相关的兼容性解决方案。在IE6及以下版本中，当一个`div`元素设置了`float`属性后，其`margin`值会被加倍计算。解决这个问题的方法是在这...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值