我们为大家收集整理了关于如何将divcss块元素居中,以方便大家参考。假设你的网站使用了固定宽度的布局,所有的内容置于屏幕中央,可以使用以下的css:
#content
{
width: 700px;
margin: 0 auto;
}
你可以把html的body之内任何项目置于
中,该项目将自动获得相等的左右边界值从而保证了居中显示。不过,这在IE6之前版本的浏览器中仍然有问题,将不会居中,因此必须修改如下:
body
{
text-align: center;
}
#content
{
text-align: left;
width: 700px;
margin: 0 auto;
}
对body的设定将导致主体内容居中,但是连所有的文字也居中了,这恐怕不是你想要的效果,为此#content 的div还要指定一个值:text-align: left
希望大家可以学会如何将divcss块元素居中.想了解更多精彩内容,请关注我们的网站!
相关推荐:
css盒模型hack的另一选择是什么呢