我有以下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 header
中创建另一个div container
,其中第二个div具有固定的宽度并位于第一个div。
这在IE6中运行良好,但在IE5.x中,它似乎不居中,它与屏幕左侧对齐。
如何在IE5.x中居中?
答案 0 :(得分:7)
IE 5.x将块视为内联元素。
#containers_parent { text-align: center; }
#container { text-align: left; } /* To reset the alignment for the text inside */
答案 1 :(得分:0)
如果页面上唯一的内容是#container,只需在顶部添加<center>