使用CSS在另一个容器中居中绝对容器

<div class="parent-container">
  <div class="child-container">
    <!-- 子容器的内容 -->
  </div>
</div>

.parent-container {
  position: relative;
  width: 100%; /* 可根据实际情况设置父容器的宽度 */
  height: 100%; /* 可根据实际情况设置父容器的高度 */
}

.child-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* 可根据实际情况设置子容器的宽度、高度、背景色等样式属性 */
}