Html 无法在div内垂直对齐div？

我有一个div，在一个div中，我试图垂直对齐中心。我试过垂直对齐，

位置：相对；顶部：50%

，

保证金：自动无效。代码如下：


.main{
字体系列：“adobe garamond pro”；
填充：40px 0px；
颜色：rgba（26,26,26,0.7）
}
.简介标题{
宽度：90%；
填充：40px；
颜色：rgba（26,26,26,0.9）；
}
.中心{
保证金：0px自动；
}
.四分之三宽{
宽度：75%；
文本对齐：居中；
}
.三分之二宽{
宽度：66%；
}
.半幅{
宽度：50%；
}
.空白{
高度：7公分；
}
.关于{
溢出：隐藏；
背景色：红色；
}
.关于图像{
高度：自动；
浮动：左；
}
.关于文本{
身高：100%；
浮动：对；
背景颜色：蓝色；
}
.内联{
显示：内联；
}
helvetica先生{
字体系列：helvetica；
}

关于
了解我们的组织，
使命，我们的方法，以及我们几十年来倡导的结果
了解更多信息
只需使用css垂直对齐元素即可


。垂直对齐{
显示器：flex；
对齐项目：居中；
证明内容：中心；
/*只是为了演示*/
背景：红色；
高度：100px；
}
.以我为中心{
背景：黄色；
}

我垂直于第四个中心
垂直对齐是什么意思。请详细说明。您正在尝试垂直对齐高度为父项100%的项目。你是说像这样的事吗？