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

css将块元素居中的方法介绍

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

大家知道css将块元素居中的方法吗?下面我们就给大家详细介绍一下吧!我们积累了一些经验,在此拿出来与大家分享下,请大家互相指正。假设你的网站使用了固定宽度的布局,所有的内容置于屏幕中央,可以使用以下的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

相信大家已经学会css将块元素居中的方法了吧!感谢大家对我们网站的支持!

相关推荐:

如何在DWMX创建CSS样式表呢