§ ITPOW >> 文档 >> CSS

CSS 布局初级知识:让 div 居中

作者:vkvi 来源:ITPOW(原创) 日期:2010-2-19

在 IE 6 中,要让 div 居中,为上级元素设置 text-align:center; 就可以了,但这只是 IE 6 的标准,在 CSS 标准中,text-align 只是针对文字,并不针对容器。

要让 div 居中,应该为 div 设置 margin,让其 margin-left、margin-right 为 auto。

CSS 代码:

div
{
    width:100px;
    margin-left:auto;
    margin-right:auto;
}

HTML 代码:

<body>
  <div>
    111
  </div>
</body>

这个 div 就在页面窗口中居中了,但要兼容 IE 6 还得费点功夫。

body
{
    text-align:center;
}
 
div
{
    width:100px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
}
相关文章