需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。
2、在index.html中的<style>标签中，输入css代码：body {text-align:center}，在<script>标签中输入js代码：
var a = ($(document).height() - $('form').height()) / 2
$('form').css('margin-top', a + 'px')
3、浏览器运行index.html页面，此时form标签成功在页面中水平垂直居中了。
您好，你要求的是指定css3盒子布局的垂直居中1.首先是要使盒子为display:box
|
-webkit-box
|
-moz-box
2.设置元素的box-pack和box-align即可，这两个属性当前只有webkit和moz支持。
3.box-pack控制的是水平的左和右，取值有：start(居左)，center(居中)，end(居右)。
4.box-align的取值有：start(居上)，center(居中)，end(居下)。
如果我们要设置垂直居中的话只需要将这两个属性的值都设置为center即可
body {background-image: url(/images/sanda.gif)
background-repeat: no-repeat
background-position: center top
}
小于宽度也好使，除非你的代码有问题！做多少年CSS了！
你可以新建一个空的HTML文件试下！
