您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> DivCSS教程 >> 正文

如何将divcss块元素居中呢

作者:佚名    责任编辑:admin    更新时间:2022-06-22

我们为大家收集整理了关于如何将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的另一选择是什么呢