css - 边距：自动在 IE 中不起作用

Question

网址：http ://cyberbat.co.uk/test容器边距：auto 不工作，有没有其他方法可以放在IE 中间。

编辑：再次检查， index.php 是错误的文件，我将其替换为 index.html 。

score 24 · Accepted Answer

这是IE中的一个错误！您只需要创建一个持有者<div class="page">并将其设置text-align为center

.page-holder{
    text-align:center;
}
.page{
    margin:0 auto;
}

<div class="page-holder">
    <div class="page">
    page content
    </div>
</div>

score 10 · Accepted Answer

10

在愚蠢的浏览器的父容器上使用它：

text-align: center

于 2011-10-18T16:10:55.383 回答

score 9 · Accepted Answer

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

您的问题是定义您的文件类型和标准。如果您将此代码添加到文件顶部，它将起作用！

score 8 · Accepted Answer

8

尝试在父项上使用以下内容。

display: flex;
align-items: center;

于 2015-11-24T14:08:14.800 回答

score 3 · Accepted Answer

您有 RAW php 代码，因为您没有正确配置服务器：

<?php
include('inc/settings.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

通过将 PHP 应用于 *.html 文件来解决该问题，并且<?php include ?>不会按字面意思显示。如果我没记错的话，将 .ini 文件中的这一行调整为：

AddType application/x-httpd-php .html .htm .php

因为这个文字后端代码位于 DOCTYPE 前面，它会导致 IE 中的 quirks 模式和 quirks 中的水平自动边距无法正常工作。

你可以在父元素上使用 text-align:center ，但这对 IE 来说是一个 hack，你应该通过我上面的建议让 IE 以标准模式呈现它来正确解决这个问题。

score 3 · Accepted Answer

对于 IE，将 my-auto 替换为 align-self-center 和 BINGO。您也可以为此编写 CSS：

.center-container{
   align-self: center;
}

score 2 · Accepted Answer

Internet Explorer 以怪异模式显示您的网站，因为标记顶部有这个虚假的处理指令：

<?php
include('inc/settings.php');
?>

去掉它; margin: auto适用于 IE6+。没有必要做或其他不必要的改变。text-align: center

score 1 · Accepted Answer

1

尝试将meta记录添加到head：

<meta http-equiv="X-UA-Compatible" content="IE=Edge" />

于 2016-12-19T14:31:19.087 回答

score 0 · Accepted Answer

您可以下载 normalize.css （只需 google 即可）并将其链接到您的项目，现在您可以像这样使用 smth：

HTML：

    <main class="container></main>

CSS：

    .container {
      margin-left: auto;
      margin-right: auto;
      width: 600px;

9 回答 9