Question

我有我的投资组合，在所有浏览器中看起来都很棒，但在IE中，容器似乎并不居中，我使用的是margin：0 auto;但它不起作用。关于如何在IE中修复的任何建议？

这是链接，你可以在那里看到代码： http://christianbovine.com/

由于

编辑：我有一个IE7 Css文件在那里推动它向右，一旦我删除了它被修复的部分。感谢大家的建议！

Answer 1

较早版本的IE需要使用text-align，如下所示：

<div style="text-align: center;">
    <div style="text-align: left; width: 300px; margin: 0 auto;">
        <p>Content goes here</p>
    </div>
</div>

仅添加宽度以供参考，并且仅限于跨浏览器兼容性。

在你的情况下，我建议添加第二个“容器”div（即.containerInner），然后你可以在CSS中添加这样的东西：

div#container { text-align: center; }
div#containerInner { text-align: left; }

Answer 2

在父元素中，使用“text-align”属性。例如：

body{
    text-align:center;
}

Answer 3

尝试使用text-align：center作为body标记或将所有内容包装在标记内。

另外，您可能需要考虑使用“display：inline-block”（尚未检查您在那里使用的所有CSS）。这允许您指定元素的宽度和高度属性（如果它只是设置为内联而不是块，宽度和高度属性被忽略），如果是这种情况（使用Mac atm，无法在IE上真正测试）。

希望有所帮助：）

IE - 不集中，但为什么？

3 个答案: