Html 柔性柱-将div垂直对齐到中间，将另一个div垂直对齐到底部

如何在弹性柱内将一个div垂直对齐中间，将另一个div垂直对齐底部

预期结果：

看看这个

.parent{
显示器：flex；
高度：150像素；
宽度：50px；
边框：1px纯黑；
对齐项目：居中；
证明内容：中心；
}
.二{
自对准：柔性端；
位置：绝对位置；
}

测试
测试

看看这个

.parent{
显示器：flex；
高度：150像素；
宽度：50px；
边框：1px纯黑；
对齐项目：居中；
证明内容：中心；
}
.二{
自对准：柔性端；
位置：绝对位置；
}

测试
测试

必须使用具有相同高度值的属性

.parent{
显示：表格；
位置：相对位置；
边框：1px实心；
高度：150像素；
线高：150px；
}
.家长组{
位置：绝对位置；
底部：0；
线高：20px；
}

测试
测试

必须使用具有相同高度值的属性

.parent{
显示：表格；
位置：相对位置；
边框：1px实心；
高度：150像素；
线高：150px；
}
.家长组{
位置：绝对位置；
底部：0；
线高：20px；
}

测试
测试

.container{
边框：1px纯黑；
高度：200px；
宽度：50px；
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
}
.第一项{
页边顶部：自动；
页边距底部：自动；
}

弗斯特
第二

.container{
边框：1px纯黑；
高度：200px；
宽度：50px；
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
}
.第一项{
页边顶部：自动；
页边距底部：自动；
}

弗斯特
第二

你的div有一个特定的高度？@avrilalejandro伸缩柱有一个特定的高度你的div有一个特定的高度？@avrilalejandro伸缩柱有一个特定的高度它不起作用。你能解释更多吗？它应该等于你的意思是宽度更大？它不起作用。你能解释更多吗？它应该等于你的意思是宽度更大吗想要使用flexbox，您不能在多行文本中使用行高…@Rob请在您的问题中添加代码我想要使用flexbox，您不能在多行文本中使用行高…@Rob请在您的问题中添加代码。我整天都在找这个。工作100%棒极了。我整天都在找这个。工作100%