【微信小程序】图片下方有白边

wxParse等插件渲染富文本的时候,会遇到多张图片有白底的情况:

多张图片连在一起的时候,图片下方会有白边,解决办法:

image {
	vertical-align:middle;
}

若对宽高有要求,设置图片的宽度为一个固定值即可:
image {
	height: 300rpx;
}

有时候图片过大超出屏幕宽度,怎么办?

image {
	max-width: 100%;
}

如果因为设置max-width: 100%;导致图片变形,怎么办?
可以设置图片缩放模式为:mode="widthFix",即保持宽度不变,高度自动变(会使图片设置的高度无效)

你可能感兴趣的:(微信)