如下图所示：
解决方案：
img{vertical-align:top;} /*解决方案1*/
img{display: block} /*解决方案2*/
div{line-height: 0} /*解决方案3*/
但是由于图片一般需要居中展示，为了利用text-align:center这个内联属性，推荐 方案1与方案3，方案2不推荐使用。
如下图所示：
解决方案：
img{vertical-align:top;} /*解决方案1*/
img{display: block} /*解决方案2*/
div{line-height: 0} /*解决方案3*/
但是由于图片一般需要居中展示，为了利用text-align:center这个内联属性，推荐 方案1与方案3，方案2不推荐使用。