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

原文链接:https://www.abaoge.com/post/4498.html,转载请注明出处。

0

评论0

没有账号?注册  忘记密码?