uniapp中出现图片过小会与盒子偏离

最新推荐文章于 2024-09-23 21:20:18 发布

rzh554

最新推荐文章于 2024-09-23 21:20:18 发布

阅读量360

点赞数 1

分类专栏：微信小程序文章标签： uni-app 前端 javascript

本文链接：https://blog.csdn.net/rzh554/article/details/140645926

版权

微信小程序专栏收录该内容

11 篇文章 0 订阅

订阅专栏

结论：在image的父盒子中加上display: flex，原因不清楚

出问题的代码和图片如下：

<template>
	<view style=" background-color: greenyellow; height: 10rpx;width: 10rpx;">
		<image :src="imgSrc.seatnull"  style="width: 100%; height: 100%; background-color: aqua;"> </image>
	</view>
</template>

当父盒子的大小过小，就出现了图片和父盒子偏离的情况

解决方法，使父盒子变为弹性盒子就可以解决

	<view style=" background-color: greenyellow; height: 10rpx;width: 10rpx;display: flex;">
		<image :src="imgSrc.seatnull"  style="width: 100%; height: 100%; background-color: aqua;"> </image>
	</view>