`

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

cssmargin 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"> 

分享到：
| java 文档注释
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

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

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

    总之，要解决HTML中使用`margin: 0 auto`不居中的问题，关键在于正确地声明DOCTYPE，确保浏览器在标准模式下解析页面。同时，排查其他可能影响居中效果的CSS样式，并确保应用于正确的目标元素。这样，无论是在IE还是...

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

    总结来说，`margin: 0px auto` 在某些情况下不居中的主要原因有两点：一是IE6的“怪异模式”，二是缺少DOCTYPE声明导致的浏览器解析差异。解决这些问题的方法包括在`&lt;body&gt;` 标签中设置`text-align: center` 或者...

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

    本文将深入探讨在Internet Explorer（IE）浏览器中，为何`margin: 0 auto;`在某些情况下无法使块级元素水平居中，并提供解决方案。 首先，`margin: 0 auto;`这个CSS声明通常用于使具有固定宽度的块级元素在容器内...

    ie css margin auto 不居中解决方案

    一种解决方案是通过设置`body`的`text-align`属性为`center`，这将使得所有内部文本内容居中，包括设置了`margin: 0 auto;`的元素： ```css body { text-align: center; } #cnbruce { width: 500px; background...

    css margin:0 auto居中

    值得注意的是，虽然`margin: 0 auto`对于块级元素的水平居中非常有效，但这种方法不适用于行内元素（如`&lt;span&gt;`或`&lt;a&gt;`）。对于行内元素，可以使用`text-align: center`属性来使其内容居中，或者将其转换为块级元素...

    让IE也支持margin居中告别text-align:center

    这篇文章将重点讨论如何在Internet Explorer (IE)浏览器中使用`margin: auto`实现居中对齐，以及为什么在某些情况下IE可能无法正确识别`margin: auto`。 `text-align:center` 是一种简单的方式，适用于内联元素或...

    margin:0 auto与text-align:center的基本概念及区别介绍

    当`margin`设置为`0 auto`时，它会将块级元素在父元素中水平居中，但这个方法只对具有固定宽度的元素有效。 以下是两者之间的一些关键区别： 1. `text-align:center`主要用于内联元素和文本的居中对齐，而`margin:...

    CSS网页布局DIV水平居中的各种方法

    然后，为需要居中的特定元素设置`text-align: left`，并使用`margin: 0 auto`来实现水平居中。如下所示： ```css body { text-align: center; } #wrap { text-align: left; margin: 0 auto; } ``` 这样，`...

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

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

    css实现垂直居中的方法

    这种方法通过将元素定位为绝对位置，并使用 `top`、`bottom`、`left` 和 `right` 的值为 `0`，然后设置 `margin: auto` 来实现水平和垂直居中。 ```css #content { position: absolute; top: 0; bottom: 0; left...

    在网页中居中的若干种方法（至少6种，已经标明了对应浏览器，希望对你有用哦~）

    "火狐IE两种居中方法.html" 和 "火狐IE中居中.html" 可能包含了针对IE和Firefox的特定解决方案，而 "火狐IE都居中.html" 则可能展示了一种在两者都通用的方法。"相对居中（所有浏览器都居中）.html" 提供了一个兼容...

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

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

    CSS解决未知高度的DIV垂直居中

    2. **Positioning and Offset**：通过定位技术和偏移量来实现垂直居中，这种方法主要针对不支持table display model的非标准浏览器。 #### 核心代码分析 下面是对上述方法的核心代码进行详细解释： ```css body {...

    div错位解决IE6IE7IE8样式不兼容问题

    通过以上介绍的方法，我们可以有效地解决IE6/IE7/IE8中的样式不兼容问题，提高网页的跨浏览器兼容性。需要注意的是，在实际开发过程中，还需要根据具体的项目需求和目标用户群体来决定是否需要兼容这些老旧的浏览器...

Magicbox
Global site tag (gtag.js) - Google Analytics