Html 对齐页脚中的图像 我试图创建一个简单的页脚，每边都有图像，中间有一些文本。

问题是图像大小不一样，因此对齐方式是从上到下，我知道它们是一种对齐到中间的方式——我已经尝试过使用

vertical-align:middle

但它不起作用

以下是我到目前为止所做的事情——如果你们有更多关于正确使用页脚的建议，我将很高兴听到

---

显示：flex；对齐项目：居中；证明内容：中心将垂直和水平对齐页脚中的项目。同时从页脚上删除了固定的
高度
，并改为使用顶部/底部填充，以确保顶部/底部的间距均匀。您有一个需要删除的随机杂散


img{
宽度：120px；
}
.容器页脚{
保证金：自动；
宽度：100%；
文本对齐：居中；
}
#页脚{
背景色：#01b3d0；
填充：1em 0；
}
#页脚图像{
填充：0；
}
#页脚图像李{
列表样式：无；
利润率：0.10px；
显示：块；
}
#页脚图像{
显示器：flex；
证明内容：中心；
对齐项目：居中；
}




&复制；QBS实验室-复印件；TCWD 2017



将flexbox模块与
对齐内容：间距
一起使用。这将使容器的子节点彼此远离，从而使左侧和右侧图像紧靠边缘

footer {
    display: flex;
    justify-content: space-between;
    text-align: justify;
}

<footer>
    <img>
    <span>text</span>
    <img>
</footer>

页脚{
显示器：flex；
证明内容：之间的空间；
文本对齐：对齐；
}
文本
发布您的html和CSS。刚刚发布-抱歉，不用担心，谢谢“问题是图像大小不一样，因此对齐方式是从上到下的，我知道它们是对齐到中间的一种方式-我尝试过使用垂直对齐：中间，但不起作用。”非常确定OP正在寻找垂直对齐方式，并且在弹性行中，
justify content
影响水平对齐效果-谢谢！