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

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

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

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

img {
  vertical-align: middle;
}