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

[haizhilin]

第216天 怎么让div中的图片和文字同时上下居中？

我也要出题

[luo jiyin]

添加CSS属性：vertical-align:middle

[撇捺]

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

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

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

[Luke.Deng]

是 flex 不好用吗，哈哈
vertical-align: middle; 好像没有做到完全垂直居中吧

[Martin Cai]

flex它不香吗？

[CongjiZhu]

flex才是真的香