`

IE下margin:0 auto不居中解决方法

阅读更多

正常情况下需要将div居中显示时,使用Css样式:margin:0 auto即可,但有时使用margin:0 auto后在FF、Chrome里能居中,而在IE678里不居中的现象。

 

解决方法一

可以是对网页主体<body>声明文本居中,即body{text-align:center}
即:
<style type="text/css">
body{text-align:center}
#con{width:980px;martin:0 auto;}
</style>
<div id="con">margin: 0 auto 内容居中显示</div>

解决方法二

其实和解决方法一差不多,只是在要居中的div外层添加多一个div,并使其居中
即:
<style type="text/css">
#con{width:980px;martin:0 auto;}
</style>
<div style=“text-align:center”><div id="con">margin: 0 auto 内容居中显示</div></div>

解决方法三

出现这个现象的原因在于文档的DTD声明;
修改DTD为

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

分享到:
评论

相关推荐

    ie下margin不居中的三种解决方法

    正常情况下需要将div居中显示时,使用Css样式:margin:0 auto即可,但有时使用margin:0 auto后在FF、Chrome里能居中,而在IE678里不居中的现象。 如下代码: 复制代码代码如下:&lt;style type=”text/css”&gt;#con{...

    div使用margin:0px auto不居中的原因分析及解决

    此css在firefox下是好的,但是在ie下不起作用,网上看到原因如下: 复制代码代码如下: ”cnbruce”&gt;margin: 0 auto 看看内容居中否&lt;/div&gt; 如上调试结果,IE6.0是不居中的,当然解决的办法可以是对网页主体“&lt;...

    html中使用margin:0 auto整个页面不居中的解决方法

    div style=margin:0 auto这个属怎么弄都不能让页面居中展示,原因是L-Blog默认没有在HTML前加上DTD,于是IE就以HTML而不是XHTML来解释文档

    ie css margin auto 不居中解决方案

    } 此css在firefox下是好的,但是在ie下不起作用,网上看到原因如下: &lt;div id=cnbruce&gt;margin: 0 auto 看看内容居中否&lt;/div&gt; 如上调试结果,IE6.0是不居中的,当然解决的办法可以是对网页主体“&lt;body&gt;”声明...

    在IE下,当margin:0 auto;无法使得块级元素水平居中时

    今天遇到使用一个,div元素使用了以下样式 div.wrap{ width:1000px;...在火狐下此div水平居中,但在IE下不居中。 原因是,此div的父级元素没有使用以下样式 div.wrap_parent{text-align:center;} 特此记录

    chrome居中但ie不居中的解决方法

    CSS 如何使DIV层水平居中 今天用CSS碰到个很棘手的问题,DIV本身没有...经过这么一番设置问题似乎解决了,在FF中已经居中了,可是在IE中看竟然还是没有居中! 郁闷了一下午,就是找不出问题所在,还特地比较了网上的文章竟

    css3 position fixed固定居中问题解决方案

    复制代码代码如下:#element{ margin:0 auto; } 如果还想让此元素位置固定呢?一般我们会添加position:fixed,如下: 复制代码代码如下: #element{ position:fixed; margin:0 auto; } 但是这样做的结果就是,元素不...

    网页制作 css让页面居中对齐

    但是在IE6之前的版本中却不被支持,下面看一下第二种方法 2. 用text-align实现居中,这个方法其实算是一个hack。这个方法把整个页面当作文本对待,把body的属性设置为{text-align:center;}这样的话页面所有内容全部...

    css三种方法实现div在浏览器水平居中

    本文教大家如何实现一个div在浏览器水平居中,下面是三种解决方法,具体内容如下 第一种方法: CSS Code复制内容到剪贴板 div { margin: 0 auto; width: 960px; }  第二种方法(兼容IE): CSS Code复制...

    一个div在浏览器水平居中的实现方法

    一个div在浏览器水平居中的实现方法 第一种方法: CSS Code复制内容到剪贴板 div { margin: 0 auto; width: 960px; }  第二种方法(兼容IE): CSS Code复制内容到剪贴板 body { text-align: ...

    如何使div垂直水平居中的css代码

    解决办法就是在子元素定义时候设定时再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ” 需要说明的是,如果你想用这个方法使整个页面要居中,建议不要套在一个DIV里,你可以依次拆出多个div,只要在每个拆出的

    关于CSS控制DIV水平居中问题

    margin:0 auto;  于是可以使用这种方式,但是有人用IE时发现没有居中。这里建议你看看是否遗漏了DTD声明。 &lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...

    如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器

    1.DOCTYPE 影响 CSS 处理2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中4.FF: 设置 ...

    CSS中让DIV居中的代码

    CSS 如何使DIV层水平居中 今天用CSS碰到个很棘手的问题,DIV本身没有定义自己居中的属性, 网上很多的方法都是介绍用上级的text-align: center然后嵌套一层DIV来解决问题. 可是事实上这样的方法科学吗? 经过网络搜索和...

    CSS中怎么让DIV居中亲自实验得出的结论

    CSS 如何使DIV层水平居中 今天用CSS碰到个很棘手的问题,DIV本身没有定义自己居中的属性, 网上很多的方法都是介绍用上级的text-align: center然后嵌套一层DIV来解决问题. 可是事实上这样的方法科学吗? 经过网络搜索和...

    div中子div在firefox ie 水平居中对齐

    比如: &lt;div&gt; &lt;div&gt; &lt;/div&gt; &lt;/div&gt; 想让子div在父div中水平居中对齐,如果在css中写 div { ... 我猜想是ff中如果你不设置margin,默认为0;而margin的优先级又高于text-align。 不知道大家有什么猜想。请分享。

    CSS解决未知高度的垂直水平居中自适应问题

    body { text-align:center} #info{ margin:0 auto; width:500px; text-align:left; border:1px solid #3333FF} &lt;/style&gt; &lt;/head&gt; &lt;body&gt; ”info”&gt;this is test.&lt;/div&gt; &lt;/body&gt; &lt;!...

Global site tag (gtag.js) - Google Analytics