css如何控制div完全居中

通常我们用到的水平居中写法为：{margin:0 auto;}或者{margin-left:auto;margin-right:auto;}

但是垂直居中不太好控制，如何完美实现垂直居中呢？

1、如下方法还是比较实用的，浏览器支持：Chrome、Firefox、Safari、Mobile Safari、IE8-10。

.center{
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

但是使用的时候，注意如下问题：

•  必须声明元素高度
•  推荐设置overflow:auto;样式避免元素溢出，显示不正常的问题
•  在Windows Phone上不起作用

更多实用方法呢，发现一篇讲解很详细的好文章，请移步：

如何只用CSS做到完全居中