css div 在另一个ＤＩＶ中居中

要将一个`<div>`元素在另一个`<div>`中居中，可以使用CSS的Flexbox布局或者CSS的Grid布局。

使用Flexbox布局的方法如下：

<div class="outer-container">
  <div class="inner-container">
    <div class="centered-div">
      <!-- 内容 -->
    </div>
  </div>
</div>

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

.inner-container {
  /* 可选：设置内边距或其他样式 */
}

.centered-div {
  /* 可选：设置内边距或其他样式 */
}

在这个例子中，外部容器（`outer-container`）使用Flexbox布局，并使用`justify-content: center;`和`align-items: center;`将其内部内容水平和垂直居中。

另一种方法是使用CSS Grid布局，代码如下：

<div class="outer-container">
  <div class="centered-div">
    <!-- 内容 -->
  </div>
</div>

.outer-container {
  display: grid;
  place-items: center;
}

.centered-div {
  /* 可选：设置内边距或其他样式 */
}

在这个例子中，外部容器（`outer-container`）使用CSS Grid布局，并使用`place-items: center;`将内部内容居中。

无论你选择使用Flexbox还是CSS Grid，都可以根据需要调整内部容器（`inner-container`或`centered-div`）的样式，如设置内边距、边框等。