`

在IE下margin 0 auto 不能使div居中

    博客分类：
  • css
IEFirefoxHTMLXHTML 
阅读更多
有一个div居中的样式属性，在firefox中显示正常，在IE下就不能居中
找了一下，有的说是要加一个w3c认证的一个声明

加一个3C 调用声明 

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

我不想加

还有一个说法，说要给body加一个属性 
text-align:center;

我更不想加，代价有点大

既然给body加这个属性能行，那干嘛不在外面包上一个带这个属性的div呢
测试之，通过 


<div style="text-align:center;">
  <div style="margin:0 auto;">居中</div>
</div>
分享到：
| 在Rails页面（子模板）中查找所属的action ...
评论
1 楼 ahlon 2011-10-27  
第二种方法影响是，子元素会默认继承，text-align:center; 
发表评论

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

相关推荐

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

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

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

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

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

    这种方法适用于使一个容器居中对齐，同时确保在IE6/7/8和其他现代浏览器中都能正确显示。 3. **宽度适应问题**： - 为了解决IE6中宽度计算的问题，可以通过以下方式设置宽度： ```css #box { width: 600px; /* ...

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

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

    ie css margin auto 不居中解决方案

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

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

    首先，`margin: 0 auto`是CSS中的一种居中对齐方法，它将元素的上下边距设置为0，左右边距自动分配，以使元素在容器内水平居中。但这种方法有时在某些浏览器中可能不起作用，特别是当HTML文档类型定义（DOCTYPE）...

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

    通过设置元素的左右外边距(`margin-right`和`margin-left`)为`auto`，可以使其在容器中水平居中。例如： ```css #wrap { width: 760px; margin: 0 auto; /* 其他样式 */ } ``` 这个例子中，`#wrap`会根据其...

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

    3. **#middle**：使用`absolute`定位，并将其`top`值设置为50%，这样可以使子元素在垂直方向上居中。对于标准浏览器，还使用了`#middle[id]`选择器来设置`display: table-cell;`和`vertical-align: middle;`。 4. *...

    css控制div中元素居中的示例.pdf

    使用 margin: 0 auto 属性可以使 DIV 元素水平居中。 三、position: absolute 使用 position: absolute 属性可以使 DIV 元素绝对定位，从而实现水平居中。 四、flexbox 使用 flexbox 属性可以使 DIV 元素水平...

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

    在本例中，我们讨论的是如何使一个内嵌的`&lt;div&gt;`元素在它的父`&lt;div&gt;`中水平居中对齐，同时兼容Firefox和Internet Explorer（IE）浏览器。这个问题涉及到CSS的布局特性，主要包括`text-align`属性和自动外边距（`...

    DIV+CSS相对IE6、IE7和IE8的兼容问题

    例如，为body下的一个div指定特定的类，然后使用条件注释或`expression`来在IE下实现最小宽度，如`width:e-xpression (document.body.clientWidth &lt;600? "600px": "auto" )`。 最后，当左右两个浮动元素相邻时，IE...

    firefox与ie css+div兼容大全

    2. **居中对齐**：Firefox可以通过设置`margin-left`和`margin-right`为`auto`使`div`水平居中，但IE可能需要将`text-align`设置为`center`，或者对`div`设置`margin: auto`。 3. **填充（Padding）与尺寸**：Fire...

    div+css布局限制图片最大宽度图片水平垂直居中兼容IE6

    在本主题中，我们将深入探讨如何通过CSS实现图片的最大宽度限制、水平垂直居中，并确保这种布局在Internet Explorer 6（简称IE6）这样的老版本浏览器中也能正常工作。 首先，我们需要理解CSS中的`max-width`属性。...

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

    主要的样式定义如下，这也是最简单的方法： body {TEXT-ALIGN: center;... ” 需要说明的是，如果你想用这个方法使整个页面要居中，建议不要套在一个DIV里，你可以依次拆出多个div，只要在每个拆出的

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