解决div中包含img标签时，div高度变高过图片

源码：

<div style="display: flex;justify-content: center;">
	<img class="myWidth" src="images/top.jpg">
</div>

页面显示的时候，div会比img多3px高度左右

 

 

原因： 因为img标签是行内元素自带间距，导致图片和div之间有间隙， 所以div的高度比图片要大一点。

解决： 可以给图片设置display:block;属性， 消除间隙

div img{
    display:block;
}

 或者在图片的父级加入：font-size:0px;

div{
    font-size:0px;
}