为什么一个img在一个div里下方有多余的空间-怎么让div自适应图片的高度

如下图所示：

解决方案：

img{vertical-align:top;} /*解决方案1*/

img{display: block} /*解决方案2*/

div{line-height: 0} /*解决方案3*/

但是由于图片一般需要居中展示，为了利用text-align:center这个内联属性，推荐 方案1与方案3，方案2不推荐使用。