Html 如何在可变高度的div内垂直居中放置可变高度的div?

Html 如何在可变高度的div内垂直居中放置可变高度的div?,html,css,alignment,height,Html,Css,Alignment,Height,对于CSS/HTMLWeb内容,我有点业余,但我觉得我学到了很多,并感谢在所有堆栈溢出问题上提供的所有帮助。我遇到了一个问题,已经寻找了几个小时的解决方案,如果这是一个重复的道歉,但我真的找不到一个 基本上,我创建了一个更简单的版本来说明我的问题: .满{ 宽度:100%; 高度:100px; 背景颜色:黄色; } .mainWide{ 宽度:80%; 保证金:0px自动; 背景颜色:灰色; } 图像盒{ 显示:内联块; 宽度:35%; 背景颜色:橙色; } 形象{ 宽度:80%; 高度:1

对于CSS/HTMLWeb内容,我有点业余,但我觉得我学到了很多,并感谢在所有堆栈溢出问题上提供的所有帮助。我遇到了一个问题,已经寻找了几个小时的解决方案,如果这是一个重复的道歉,但我真的找不到一个

基本上,我创建了一个更简单的版本来说明我的问题:

.满{ 宽度:100%; 高度:100px; 背景颜色:黄色; } .mainWide{ 宽度:80%; 保证金:0px自动; 背景颜色:灰色; } 图像盒{ 显示:内联块; 宽度:35%; 背景颜色:橙色; } 形象{ 宽度:80%; 高度:190px; 垂直对齐:中间对齐; } 文本容器{ 显示:内联块; 垂直对齐:中间对齐; 宽度:65%; 背景颜色:蓝色; } 标题 文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本

由于imageBox和textContainer都是内联块元素,因此可以使用

图像框,文本容器{ 垂直对齐:中间对齐; } 当前您正在图像上使用它,但它没有效果,因为图像是块元素。您应该在imageBox上使用它

.满{ 宽度:100%; 高度:100px; 背景颜色:黄色; } .mainWide{ 宽度:80%; 保证金:0px自动; 背景颜色:灰色; } 图像盒{ 显示:内联块; 宽度:35%; 背景颜色:橙色; 垂直对齐:中间对齐; } 形象{ 宽度:80%; 高度:100px; } 文本容器{ 显示:内联块; 垂直对齐:中间对齐; 宽度:65%; 背景颜色:蓝色; } 标题 文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本


哦,那太简单了,我觉得有点傻。非常感谢你的回答。