Html 如何使用flexbox垂直居中特定子对象？

我有一个带有一些子元素的父块id=parent。其中一个id=child3我需要通过父项高度将其垂直居中

我试过：

母公司{ 显示器：flex； } 孩子3{ 显示器：flex； 弯曲方向：行； 柔性包装：nowrap； 证明内容：中心； 对齐项目：居中； 对齐内容：居中对齐； } 1. 2. 3.

---

使用flexbox，您可以做到：

只有child-3将垂直居中

.家长{ 高度：100px； 宽度：100px； 显示器：flex； 边框：1px实心ccc； } .儿童-3{ 自对准：居中； } 1. 2. 3.

---

你的意思是，child3必须在中间，其他的在上面？是的，在其他的上面居中，根据父母的高度，flexbox中没有这样的设置。-可能重复-这不是重复，我只需要中间的孩子3{}我想它应该是位置：绝对；顶部：如果为文本，则高度为50%