在使用小程序开发的时候，会碰到一个图片下边空白的问题。

当小程序中使用如下代码时：

<view>
    <image src="" mode=""></image>
</view

图片的下边会出现微小高度的空白，如果不知道的话，排查起来非常困难，因为CSS是完全没用问题的。

解决方案：

给图片设置垂直居中即可。

image {

    vertical-align: middle;

}