css 儿子居中到父亲div中间

可以使用flex布局来实现将子元素居中到父元素中间。具体实现方法如下：

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

其中，`display: flex`将父元素设置为flex容器，`justify-content: center`将子元素在水平方向上居中，`align-items: center`将子元素在垂直方向上居中。

相关问题

css div 居中

要让一个 div 元素水平居中，可以使用以下的 CSS 样式：

div {
  margin: 0 auto;
}

这个样式将会把 div 元素在其容器中水平居中。注意，这个方法只适用于 div 元素的宽度已经被定义了，例如使用了 `width` 属性。

要让一个 div 元素垂直居中，可以使用以下的 CSS 样式：

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

这个样式将会把 div 元素在其父元素中垂直居中，前提是父元素的高度已经被定义了。使用 `display: flex` 将会使元素变成一个 flex 容器，`justify-content: center` 和 `align-items: center` 分别表示水平和垂直居中。

css 居中 div

在CSS中，居中一个div有多种方法，以下是其中的几种方法：
1.水平居中
1.1 使用display: inline-block。将父元素设置为text-align: center，将子元素设置为display: inline-block即可实现水平居中。
2.垂直居中
2.1 使用display: table-cell和vertical-align: middle。将父元素设置为display: table-cell和vertical-align: middle，将子元素放在其中即可实现垂直居中。这种方法可以使高度不同的元素都垂直居中。
2.2 使用position: absolute和transform: translateY(-50%)。将父元素设置为position: relative，将子元素设置为position: absolute，top: 50%和transform: translateY(-50%)即可实现垂直居中。这种方法可以使高度不同的元素都垂直居中。
2.3 使用display: flex和align-items: center。将父元素设置为display: flex和align-items: center，将子元素放在其中即可实现垂直居中。这种方法只兼容IE10+。
3.水平垂直居中
3.1 使用position: absolute和margin: auto。将父元素设置为position: relative，将子元素设置为position: absolute，top: 0，bottom: 0，left: 0，right: 0和margin: auto即可实现水平垂直居中。