html+css做网页时，如何让整张网页居中显示

使用CSS 语法要设定一个div 水平置中，是很常见到的需求，最多人使用margin: 0 auto这个方法就可以达成。但是，如果要让一个div 同时间做到在网页上水平置中还要垂直置中，也就是CSS 上下左右置中这就有点麻烦了，不太容易喔！

利用table中内容在单元格中默认垂直居中的特性。

2.利用css3中的transform属性

3.利用margin属性

4.利用利用position属性把left，top，right，bottom四个的值设为0，再用margin:auto

最好把你的代码改写了一下，并实现居中效果

效果图

有以下办法可以使div层在网页中居中显示：

1、定位法，如果子级div有定义宽和高的话就可以用这个方法，注意margintop和marginleft的值均为高和宽值的一半；

2、marginauto法，这个也可以是定位法，用这个方法要求子级div必须设置宽的值，marginauto是水平垂直都居中，如果仅仅设置水平居中，可设置为marginauto0，同理，如果仅仅设置垂直居中，可设置为margin0auto；

3、displaytablecell法，这个方法主要针对多行文字内容的垂直居中对齐，注意textaligncenter设置了文字的水平居中对齐，verticalalignmiddle设置的是垂直居中对齐。

1、打开编辑器，新建test.html，用于学习今天的内容。

2、接下来需要在head标签下方引入jquery.min.js插件，如下图所示。

3、在页面的body标签里，新建一个div，名称为test。

4、在body标签下方写上<script></script>,用来存放js代码。通过class定位到div，通过css()方法让文字居中。

5、在浏览器中打开test.html，可以在文字在页面中间显示。

---