图片和行内块元素默认底线会和父级盒子的基线对齐，因此就会产生白色缝隙。
1.用vertical-align:middle | top| bottom等，让图片不和基线对齐。
上面3中对齐方式都可以
vertical-align不影响块级元素中的内容对齐，它只针对于行内元素或者行内块元素，特别是行内块元素， 通常用来控制图片/表单与文字的对齐。
2.将img通过display: block转为块级元素。
转为块级元素之后，就不存在和父级盒子基线对齐的问题了。
css图片上面添加空白区域怎么弄如下：1、将图片转换为块级象对。
2、设置图片的垂直对齐式方。
3、设置父象对的文字大小为0px。
4、转变父象对的属性。
5、设置图片的浮动属性。
6、消取图片标签和其父象对的最后一个结束标签之间的空格。
css图片中间添加空白区域按照以下步骤弄。1、将图片转化为块级对象。
2、设置图片的垂直对齐方式。
3、设置父对象的文字大小为0px。
4、改变父对象的属性。
5、设置图片的浮动属性。
6、取消图片标签和其父对象的最后一个结束标签之间的空格。
