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

如果用div包裹一个img，你会发现div的高度要超过img的高度。

搜集了一下解决方法主要有几种：

1.div设置font-size:0

2.div设置display:flex

3.img设置display:block

我开发的实际情况是一个纵向的图片的列表，每个img由div包裹，在手机段访问是图片之间会出现一条白线。

原因是：img默认是内联模块，需要将其设置为display: block

当然div之间也不要有margin~

 如图为修改后的情况（修改前的情况找不到了_(:з)∠)_）

当未设置边框时，外边距（margin）和内边距（padding）在效果上确实没什么本质区别。就好比你家的房子，你的家具距离墙壁的距离是内边距，墙壁与邻居房子的距离是外边距，当把你家房子的墙壁拆掉，家具完全暴露出来后，这时候家具和邻居房子的距离自然也就无所谓外边距还是内边距了。

你试试下面两个p标签就完全明白了：

<p style="border:1px solid #000margin:10px">这是margin设为10px的效果</p>

<p style="border:1px solid #000padding:10px">这是padding设为10px的效果</p>

---