如何让一个div在另一个div中垂直水平居中

要让一个 `div` 在另一个 `div` 中垂直水平居中，可以使用以下的 CSS 样式：

.outer {
  display: flex;
  justify-content: center;
  align-items: center;
}

.inner {
  /* 宽度和高度可以根据需求进行调整 */
  width: 200px;
  height: 200px;
}

其中，外层的 `div` 设置了 `display: flex;` 属性，使其成为一个 flex 容器。然后，通过 `justify-content: center;` 和 `align-items: center;` 属性将内部的 `div` 水平垂直居中。内部的 `div` 可以设置固定的宽度和高度，或者根据内容自适应宽高。