css - 在 IE5.x 中居中 div？

Question

我有以下 HTML:

<div id="container">
    <div id="header"><h1>Sed sollicitudin dignissim justo, sed.</h1></div>
</div>

和以下 CSS:

div#container
{
    text-align:left;
    width:500px;
    margin:0 auto;
}

这会创建一个横跨整个屏幕的 div container，以及第一个 div container 中的另一个 div header，第二个 div具有固定宽度并在第一个 div 中居中。

这在 IE6 中工作正常，但在 IE5.x 中，它似乎没有居中，而是与屏幕左侧对齐。

如何在 IE5.x 中将其居中？

Answer 1

IE 5.x 将 block 居中，就好像有内联元素一样。

#containers_parent { text-align: center; }
#container { text-align: left; } /* To reset the alignment for the text inside */