今天无意中看到一个div垂直居中的方法，简直太实用了！在父级元素设置table属性，在子元素设置table-cell属性和vertical-align的middle，可以很容易地使得div垂直居中

<style>

.contain{

width：100%;

height:100%;

display: table;

}

.content{

display: table-cell;

vertical-align: middle;

color: #fff;

position: relative;

}

</style>

<div class="contain">

    <div class="content">

        <h1>智慧园区</h1>

        <h3>SMART PARK</h3>

        <p>全方位提升一人为本,独具特色，高效运行的美好、智慧园区</p>

    </div>

</div>