前端图片底侧空白缝隙解决方案

	<view style="border: 1upx solid red;">
		<image src="../../static/logo.png" mode="widthFix">image>
	view>

效果:(有留白)原因:行内块元素会和文字的基线对齐
前端图片底侧空白缝隙解决方案_第1张图片前端图片底侧空白缝隙解决方案_第2张图片

解决方案

1.	image{
		vertical-align: middle;//任意一个属性都可以(提倡使用)
	}
2.	image{
		display: block;//图片改成块级元素
	}

修改后效果:
前端图片底侧空白缝隙解决方案_第3张图片

你可能感兴趣的:(前端图片底侧空白缝隙解决方案)