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

飞奔去旅行

发布于 2019-06-13 16:47:58

3.9K0

发布于 2019-06-13 16:47:58

文章被收录于专栏：智慧协同

代码如下：

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

现象如下：

image.png

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

解决办法：

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

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2017.09.02 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度