div在另一个div内垂直居中

要实现让一个 `div` 元素在另一个父级 `div` 中垂直居中，可以通过以下 CSS 样式：

.parent {
  display: flex;
  align-items: center;
  justify-content: center;
}
.child {
  /* 如果需要垂直居中的div宽度和高度固定，可以设置具体的数值，也可以使用百分比 */
  width: 200px;
  height: 100px;
}

使用 `display: flex` 将父级 `div` 设置为 flex 容器，然后使用 `align-items: center` 和 `justify-content: center` 将子级 `div` 元素在父级 `div` 中垂直和水平居中。在子级 `div` 中设置合适的宽度和高度，这样就可以实现在另一个父级 `div` 中垂直居中了。