方法其实很多，我给2个我觉得兼容性相对好一些的吧
1、一个很简单粗暴的方法，就是把div放进table里面，给table设置水平居中，而td默认情况内容是垂直居中的，如下：
body,html{ margin:0; padding:0; height:100%;}
.tablebox{ margin:0 auto; height:100%;}
内容内容内容内容内容内容
|
2、通过绝对定位的50%来达到，但是因为div是有高度宽度的，设置50%就不是绝对的水平垂直居中，所以就要设置transform属性来调整
body,html{ margin:0; padding:0; height:100%;}
.divbox01{ width:100%; height:100%; position:relative;}
.divbox02{position:absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
内容内容内容内容
