子div在父div的中心

当您想要将一个`<div>`元素放置在其父`<div>`元素的中心时，可以利用CSS的 Flexbox 或 Grid 布局来实现。这里提供两种常见方法：

1. **Flexbox**:
如果父元素设置为 `display: flex;` 并且设置了 `justify-content: center;` 和 `align-items: center;` 属性，那么子元素会水平居中和垂直居中。

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

   .child {
     /* 子元素样式 */
   }

2. **Grid**:
使用 CSS Grid，您可以设置 `.parent` 的 `display: grid;`，并应用 `grid-template-columns` 和 `grid-template-rows` 以指定网格，并用 `place-items: center;` 来使子元素居中。

   .parent {
     display: grid;
     place-items: center;
   }

   .child {
     /* 子元素样式 */
   }

在HTML中，只需确保您的子元素(.child)是在`.parent`内：

<div class="parent">
  <div class="child">这是一个子 div</div>
</div>