今天无意中看到一个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>
