1.如果只是单纯的背景图片居中,很简单的一句css就可以达到。
e.g. 01
body { background: url(所使用背景图片的相对或绝对路径) no-repeat center center;}
注意这里的center center 是让背景图片在body区 水平和垂直方向都居中。
e.g. 02
body { background: url(所使用背景图片的相对或绝对路径) no-repeat left center;}
这里的 left center 是请背景图片在 body区水平方向左对齐,垂直方向居中。
e.g. 03
body { background: url(所使用背景图片的相对或绝对路径) no-repeat top center;}
这里的 top center 是请背景图片在 body区水平方顶部对齐,垂直方向居中。
2.如其它朋友回答的,你可能只是想让网页整体部分在不同分辨率下都能水平居中。
那css样式定义为:
body { text-align: center; width: 100%;}
.Wrapper { margin: 0 auto; width: 1000px; text-align: left;}
定义 body 的 text-align为center,是为了解决在IE6以下的版本,wrapper单纯使用margin: 0 auto;不能水平居中的hack.
3,还有一种理解就是:让网页整体部分在不同分辨率下,水平和垂直方向都居中。常见的如一个简单的后台管理登录框。
这也有解决方法,如果你想知道的话,我也可以答复你。
e.g. 01
body { background: url(所使用背景图片的相对或绝对路径) no-repeat center center;}
注意这里的center center 是让背景图片在body区 水平和垂直方向都居中。
e.g. 02
body { background: url(所使用背景图片的相对或绝对路径) no-repeat left center;}
这里的 left center 是请背景图片在 body区水平方向左对齐,垂直方向居中。
e.g. 03
body { background: url(所使用背景图片的相对或绝对路径) no-repeat top center;}
这里的 top center 是请背景图片在 body区水平方顶部对齐,垂直方向居中。
2.如其它朋友回答的,你可能只是想让网页整体部分在不同分辨率下都能水平居中。
那css样式定义为:
body { text-align: center; width: 100%;}
.Wrapper { margin: 0 auto; width: 1000px; text-align: left;}
定义 body 的 text-align为center,是为了解决在IE6以下的版本,wrapper单纯使用margin: 0 auto;不能水平居中的hack.
3,还有一种理解就是:让网页整体部分在不同分辨率下,水平和垂直方向都居中。常见的如一个简单的后台管理登录框。
这也有解决方法,如果你想知道的话,我也可以答复你。