解决div比里面包含的img图片高度大的问题

如果用div包裹一个img，你会发现div的高度要超过img的高度。
搜集了一下解决方法主要有几种：
1.div设置font-size:0

<div style="font-size:0">
  <img />
</div>

2.div设置display:flex

<div style="display:flex">
  <img />
</div>

3.img设置display:block

<div >
  <img  style="display:block"/>
</div>

相关的原因可以阅读这篇文章：
https://mor10.com/removing-white-space-image-elements-inline-elements-descenders/