div+css进行页面布局时定位页面内容居中的思考:
一、关于居中布局 以div+css进行页面布局,最容易的是网页页面居左进行布局。如果要使得页面内容居中,尤其是要制作象780等固定页面大小的样式,在css中要使用:“margin: 0 auto;”。这个css定义如果写全了则为是:
或
margin: 0 auto;则为上面二个的缩写,因为CSS对于div对象四边的外延边距,按上-右-下-左的顺序作用于四边,如果有相同的设置则可以简写,所以简写:成“margin: 0 auto;”,意思是顶部边距为0,其他三个方位自动。 二、使页面底部背景与页面内容相对齐 可以使用二个css定义,一个在外如id="bgallbox",包含另一个如id="headbox",如:
然后在风格中定义:
其中css中要注意:二个div中的background中要定义背景图片X轴对齐方式为“center”。这样做的好处是:当浏览器页面无论在何时放大缩小,二个div的背景图片都会自动对齐。如下图所示: |
|
来自: 对酒当哥2010 > 《DIV CSS代码》