如何仅使用CSS自动将绝对元素居中于相对父元素中？

我看到有一些关于这个主题的帖子，但没有一个能具体回答我的问题

显示如何将文本水平居中

我想将其垂直居中于父级

div

，而不使用设置固定像素数的

top

（而我需要它是动态的）

有什么线索吗

.parent\u div{
位置：相对位置；
文本对齐：居中；
}
.儿童组{
位置：绝对位置；
宽度：100%；
顶部：70像素；
}

一些头衔

因为您给了子元素100%的宽度，所以我猜您希望将其垂直居中对齐。。。在这种情况下，您需要知道

.child div

的高度，如果它有一个固定的高度，那么您可以使用如下内容：

.parent\u div{
位置：相对位置；
}

如果高度未知，则可以使用相同的方法，但通过jQuery计算高度和边距。如果你想把它水平对齐，你可以用同样的方法，但是有了这些改变。。。在这种情况下，您需要固定的宽度

.child-div {
        position: absolute;
        width: 100px; /* for example */
        left: 50%;
        margin-left: -50px /* width divided by 2 */
    }

---

您的更新版

到目前为止您尝试了什么？你的代码看起来像什么？我们所能提供的只是在这一点上的一般解决方案编辑问题，添加我所尝试的！那么，你到底想要什么垂直居中呢？h1？我希望子分区居中。如果我添加更多文本，如果我也添加图像，我希望它始终位于父分区的中心。

.child-div {
        position: absolute;
        width: 100px; /* for example */
        left: 50%;
        margin-left: -50px /* width divided by 2 */
    }