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

将div css块元素居中的方法

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

欢迎大家在这里学习将div 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

将div css块元素居中精彩内容就到这里了!希望大家可以好好利用!

相关推荐:

怎么做div css图片替换呢