小程序图片出现多余空白
在使用小程序开发的时候,图片下边空白的问题的解决方案。
DistantMemory
DistantMemory

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


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

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


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


解决方案:

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

image {

    vertical-align: middle;

}