CSS设置高度为百分比时，里面的元素居中

高度为百分比时，设置里面的元素居中

/* 方法一 */
.box {
  height: 25%;
  display: table;
}

.box>span {
  display: table-cell;
  vertical-align: middle;
}

/* 推荐使用方法二 */
h1 {
  display: flex;
  align-items: center;
}

---