关于vertical-align:middle CSS元素垂直居中使用详解

BOX1根据BOX2高度垂直居中：
CSS部分:

.boxwrap {width:100%;height:100%;}
.box1 {
 vertical-align:middle;
 display:inline-block;
}
.box2 {
height:100%;
display:inline-block;
 vertical-align:middle;
}

HTML部分：

<div class="boxwrap">
<div class="box1">垂直居中部分</div>
<div class="box2">参考高度部分</div>
</div>

要点：

boxwrap 有高度