今天無意中看到一個(gè)div垂直居中的方法，簡直太實(shí)用了！在父級元素設(shè)置table屬性，在子元素設(shè)置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>智慧園區(qū)</h1>
? ? ? ? <h3>SMART PARK</h3>
? ? ? ? <p>全方位提升一人為本,獨(dú)具特色，高效運(yùn)行的美好、智慧園區(qū)</p>
? ? </div>
</div>
