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

最新推荐文章于 2021-08-19 11:00:34 发布
原创 最新推荐文章于 2021-08-19 11:00:34 发布 · 1.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#浏览器兼容问题 #IE #margin不居中

本文介绍了一个关于文档类型定义(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 174
一般在将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 803
正常情况下需要将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 778
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...
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 1478
有时候在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 1035
添加 css语句margin:0 auto 就可以实现页面居中效果，但是当我们在不同的浏览器中测试的时候会发现IE6中居然不居中。又一个该死的ie6 bug。网络上流传的一个解决办法是，给我们想要居中的对象设置text-align:center。杯具啊！为了解决一个小问题，引入所有文本对齐重新设置的大麻烦。更可笑的是这种解决方法竟然被引用数次。今天，提供正确的IE6下margin auto不居中解
完美解决IE8不支持margin auto问题
qq_38472574的博客
08-19 120
完美解决IE8不支持margin auto问题
【转】CSS中IE6、7和火狐对margin、padding的兼容性解析
iteye_674的博客
07-16 369
1、IE与Fire Fox识别CSS属性区别标签 !important #page_body{ width: 1000px !important; height:30px !important; width: 980px ; height:36px ; } 以上样式 在IE6/7中只执行width: 980px与height:36px FireFox中则优先执行带有!...
margin:0 auto 表示什么意思？？
热门推荐
evilcry2012的专栏
07-11 2万+
margin:0 auto 表示什么意思？？  分享| 2008-10-14 20:21zhangyong073 | 浏览 60855 次 在CSS中，margin:0 auto 表示什么意思？？有的书上说它表示居中，请问：是什么居中？举个例子好吗？ 2008-10-14 20:37 提问者采纳 margin后面如果只有两个参数的话，第一个表示to
解决IE浏览器中margin加倍及浮动元素间距问题
"这篇文章主要探讨了在Web开发中遇到的IE浏览器特有的‘margin加倍问题’以及相关的兼容性解决方案。在IE6及以下版本中，当一个`div`元素设置了`float`属性后，其`margin`值会被加倍计算。解决这个问题的方法是在这...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值