【转载】高度不一样的图片如何用html+css在同一行内垂直居中对齐？

转载自https://www.zhihu.com/question/40851161 
知乎用户：薛定谔的猫
侵删
<div>  
   <img src="img1.png">
   <img src="img2.png">
</div>

1.

div{
  height: 400px;
  line-height: 400px;
  vertical-align: middle;
}
img {
  vertical-align: middle;
}

2.

div{
  display: table-cell;
  vertical-align: middle;
}
img {
  vertical-align: middle;
}

3.

img {
  vertical-align: middle;
}

作者：薛定谔的喵
链接：https://www.zhihu.com/question/40851161/answer/129108417
来源：知乎
著作权归作者所有，转载请联系作者获得授权。