关于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 有高度

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注