Grid垂直居中布局

方案一：

.wrap{
  display: grid;
  place-items: center;
}
<div class="wrap">
  <div class="child"></div>
</div>