微信小程序图片底部留白的问题

Posted 2022-01-04 沛沛老爹

先说下，我前端经验不丰富。找了几个网上的例子，根据例子，实验得到解决方案如下。

1、将包裹的view增加display属性。值：display。

2、将image设置为垂直对齐模式。vertical-align:top，因为图片是要占满整个水平宽度的，设置 mode="widthFix"

整个样式如下：

<view style = 'display:flex;'>
<image src='../../a.jpg' mode = 'widthFix' style = 'vertical-align:top;'></image>
</view>

这样，底部的那个小白边就神奇的消失了。

PS：如果没有消失，看是不是你的其它CSS的样式把它给覆盖掉了。