SOURCE

    <div id="cell">
        <p>测试垂直居中效果测试垂直居中效果
            <br/>测试垂直居中效果测试垂直居中效果</p>
    </div>

    #cell {
        background: pink;
        color: black;
        height: 200px;
        display: -webkit-box;/*兼容其他浏览器，要换前缀*/
        -webkit-box-orient: horizontal;/*兼容其他浏览器，要换前缀*/
        -webkit-box-pack: center;/*兼容其他浏览器，要换前缀*/
        -webkit-box-align: center;/*兼容其他浏览器，要换前缀*/
    }