[css] 怎么让div中的图片和文字同时上下居中？

[css] 怎么让div中的图片和文字同时上下居中？

<div>
  <img src="./"/>
 <label>文字内容</label>
</div>

<style>
 img {
    vertical-align: middle;
}
</style>

给 img 设置 vertical-align: middle; 并且 vertical-align 只对行内元素，还有表格内的单元格有效，对块级元素的垂直居中是没有任何效果的

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题