CSS - 在父容器（高度不确定）中垂直居中

目的：子元素在父容器（高度不固定）中垂直居中。

解决方法一：

<div class="parent">
  <div class="child">内容</div>
</div>

/* 父容器 */
.parent {
  display:table
}

.child {
  vertical-align:middle;
  display:table-cell;
}

解决方法二：

<div class="parent">
  <div class="child">内容</div>
</div>

/* 父容器 */
.parent {
  display:flex;
  align-items:center;
  justify-content:center;
}