子div放在父div的中间

要将子 div 放在父 div 的中间，可以使用 CSS 中的相对定位和绝对定位来实现。 div 的位置，使其位于父 div 的中心。

以下是一个简单的示例代码：

html

<div class="parent">

  <div class="child"></div>

</div>

css

.parent {

  position: relative;

  width: 500px;

  height: 500px;

  background-color: gray;

}

.child {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 100px;

  height: 100px;

  background-color: blue;

  transform: translate(-50%, -50%);

}

在上面的代码中，父 div 的宽度和高度都设置为 500px，子 div 的宽度和高度都设置为 100px。通过将子 div 的 top 和 left 属性都设置为 50%，并将其 transform 属性设置为 translate(-50%, -50%)，可以将子 div 放置在父 div 的中心位置。