css实现div垂直水平方向上居中

 方案一：

<style>
.box{
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;

    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;

    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;

    text-align: center;
}
</style>

<div class="box">
   <p>啦咯啦咯啦咯啦啦咯啦咯啦咯啦啦咯啦咯啦咯啦啦咯啦咯啦咯啦</p>
</div>

方案二：

<style>
.box{
    width: 100%;
    height: 500px;
    display: table;
}
.inner{
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
    text-align: center;

}
</style>
<div class="box">
    <div class="inner">
            <h3>大道发生的达芙妮代理费到拉萨交罚款第三方</h3>
            <span>方得始终，苟富贵哥打算罗格朗都是</span>
    </div>
    
</div>

效果如下：