1.父元素伪类
html:
<div class="box">
<div class="child">垂直居中</div>
</div>
css:
.box::after{
content:"";
width: 0;
height: 100%;
display: inline-block;
vertical-align: middle;
}
.child {
display:inline-block;
vertical-align:center;
}