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

最新推荐文章于 2021-06-14 14:41:35 发布
原创 最新推荐文章于 2021-06-14 14:41:35 发布 · 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...
ie下margin不居中的三种解决方法
09-25
主要介绍了ie下margin不居中的三种解决方法,需要的朋友可以参考下
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
完美解决IE8不支持margin auto问题
larennani的博客
05-10 1376
不用js，超级简单，完美支持。 body下的整个container .container { overflow: hidden; margin: 0px auto; text-align: center; clear: both; } 再下一层，以960宽度为例 .con { width: 960px; overflo
margin：0 auto；不居中的原因
水果篮子
07-21 2305
margin：0 auto；不居中可能有以下两个的原因; 1、没有设置宽度 看看上面的代码，根本没有设置DIV的宽度，如何根据宽度自适应呢？新手比较容易忽略的问题！ 2、没声明DOCTYPE ①DOCTYPE是document type（文档类型）的简写，在web设计中用来说明你用的XHTML或者HTML是什么版本。要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部
margin:0 auto为什么会失效
热门推荐
得之我幸
06-19 1万+
1.没有指定宽度 解决：设置width 结论：分别给要居中的元素添加了指定宽度，没变化，说明不是这个原因 2.浮动、绝对定位、固定定位的盒子失效 结论：看不见有这方面的设置啊，排除 3.行内元素失效 解决方法：①设置display:block；②给定要居中的行内元素的宽度。（自带宽度的input/button等元素无需设置宽度） 结论：我设的div啊，排除 4.display:table-cell...
关于IE9下margin: 0 auto;失效问题
itSeven7的博客
06-26 1464
今天在做一个浮动的分页器，测了一下IE9浏览器下居然不能居中，然后找了下原因， 是因为子级使用了浮动导致了在IE9下margin：0 auto属性失效了； 解决方法： 将自己的浮动样式去掉；添加上display:inline-block;属性，分页器就自动居中了；
解决IE浏览器中margin加倍及浮动元素间距问题
"这篇文章主要探讨了在Web开发中遇到的IE浏览器特有的‘margin加倍问题’以及相关的兼容性解决方案。在IE6及以下版本中，当一个`div`元素设置了`float`属性后，其`margin`值会被加倍计算。解决这个问题的方法是在这...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值