垂直对齐属性

<div class="main">
   <div class="inner">
   文字垂直居中对齐
   </div>
</div>

css

.main {
    height: 150px; width: 400px;
    background-color: LightSkyBlue;
    display: inline-table;
}
.in {
    display: table-cell;
    vertical-align: middle;
}

结果：