Css 在div中垂直居中图像

基本上，屏幕分为两部分，左边是徽标，右边是赞助商形象

我想垂直对齐屏幕中央的两个图像。现在图像在屏幕顶部对齐。我不明白怎么解决这个问题。你能给我一些提示吗

#徽标{
浮动：左；
宽度：50%；
身高：100%；
}
#伊姆格洛戈{
身高：100%；
}
#主办方{
浮动：左；
宽度：50%；
身高：100%；
背景：#ffffff；
显示：内联块；
垂直对齐：中间对齐；
}
#IMG发起人{
最高高度：90%；
最大宽度：90%；
显示：内联块；
垂直对齐：中间对齐；
}
.app{
位置：绝对位置；
左：0%；
最高：0%；
身高：100%；
宽度：100%；
文本对齐：居中；
}

---

这里有一种方法，您可以使用

flexbox

接近布局：

正文{
保证金：0；
}
.app{
显示器：flex；
对齐项目：居中；
高度：100vh；
}
.app div{
弹性：1；
}
img{
宽度：100%；
高度：自动；
}

这就是非常方便的地方：

正文{
保证金：0；
}
.app{
显示器：flex；
宽度：100vw；
高度：100vh；
对齐项目：居中；
证明内容：周围的空间；
}
#赞助商，#标志{
宽度：50%；
身高：100%；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
#伊姆格洛戈{
身高：100%；
}
#IMG发起人{
最高高度：90%；
最大宽度：90%；
}
#赞助{
显示器：flex；
宽度：100%；
身高：100%；
对齐项目：居中；
证明内容：中心；
}

---

您可以在代码中使用这两个选项，使图像居中

#徽标{
浮动：左；
宽度：50%；
身高：100%；
}
#伊姆格洛戈{
身高：100%；
}
#主办方{
浮动：左；
宽度：50%；
身高：100%；
背景：#ffffff；
显示：内联块；
垂直对齐：中间对齐；
文本对齐：居中；
}
#IMG发起人{
最高高度：90%；
最大宽度：90%；
显示：内联块；
垂直对齐：中间对齐；
}
.app{
位置：绝对位置；
左：0%；
最高：0%；
身高：100%；
宽度：100%；
文本对齐：居中；
}

---

尊重实际强加的代码非常重要。赞助商div应清晰可见，50%宽，100%高，背景为白色。