Question

我无法将我的<div>与此css集中在IE中：

height: 842px;
width: 595px;
margin-left: auto;
margin-right: auto;

可能是什么原因以及如何解决？

Answer 1

您要么使用IE 5（或更早版本），要么您的页面正在触发Quirks Mode，这将使Internet Explorer模拟旧版浏览器中的各种错误（包括不支持块元素的自动边距，处理{{ 1}}为元素宽度而不是内容宽度，并将width的长度视为12）。

将触发Doctype的标准模式添加到文档的顶部（并忘记古老的，不受支持的IE版本）。

例如：

12px

Answer 2

用你的css选择你的元素并添加它。

#element{
    height: 842px;
    width: 595px;
    margin: 0 auto; /* this allows for no margin on top or bottom and centers middle */
}

Answer 3

试试这个：

html, body {
    margin  : 0;
    padding : 0;
    width   : 100%;
    height  : 100%;
}

Answer 4

文本对齐中心，此方法适用于Internet资源管理器，并要求您将“text-align：center”css属性置于“body”样式中，稍后通过添加“text-align：left”（或右侧）重置它你的div（或其他布局结构）。此方法适用于所有版本的Internet Explorer。

body
{
    /*some browsers add margins and padding by default, remove them*/
    margin:0px;
    padding:0px;
    /* center everything for ie*/
    text-align:center;
}

或div

<div align="center">
This is some text!
</div>

或以absolute

作为位置

<div style="position: absolute; left:300px; top: 400px;">
//adjust left and top pixels according to your suitability
</div>

Answer 5

最好的方法是在表格中保留div标签然后继续。最好在TABLEs布局中创建页面...永远不要根据它总是影响视图的分辨率对页面大小进行硬编码。

margin-left和margin-right auto，不能居中

5 个答案: