使用CSS 语法要设定一个div 水平置中，是很常见到的需求，最多人使用margin: 0 auto这个方法就可以达成。但是，如果要让一个div 同时间做到在网页上水平置中还要垂直置中，也就是CSS 上下左右置中这就有点麻烦了，不太容易喔！
利用table中内容在单元格中默认垂直居中的特性。
2.利用css3中的transform属性
3.利用margin属性
4.利用利用position属性把left，top，right，bottom四个的值设为0，再用margin:auto
最好把你的代码改写了一下，并实现居中效果
效果图
1、打开编辑器，新建test.html，用于学习今天的内容。
2、接下来需要在head标签下方引入jquery.min.js插件，如下图所示。
3、在页面的body标签里，新建一个div，名称为test。
4、在body标签下方写上<script></script>,用来存放js代码。通过class定位到div，通过css()方法让文字居中。
5、在浏览器中打开test.html，可以在文字在页面中间显示。
可以用css定位让指定层在浏览器正中间。
1、新建html文档，在body标签中添加一个div标签，为这个标签设置宽高，这里以200px为例：
2、添加定位代码“position: absolute”，并且设置相对左侧和顶部的距离为“50%”：
3、最后设置指定层的左外边距和顶外边距的大小为指定层宽高的一半，这时指定层就会在浏览器的正中间：
