div包裹img时div高度高于img的解决办法

代码如下：

<div>
    <img src=''" style="width: 36px; height: 36px;">
</div>

现象如下：

image.png

可以看得出，红框里的圆形头像距离底部有一定的距离。

解决办法：

img { display:block; } or img { vertical-align:bottom; }