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

结论:在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>
相关推荐
I_Am_Me_2 分钟前
【JavaEE进阶】 JavaScript
开发语言·javascript·ecmascript
雯0609~9 分钟前
网页F12:缓存的使用(设值、取值、删除)
前端·缓存
℘团子এ12 分钟前
vue3中如何上传文件到腾讯云的桶(cosbrowser)
前端·javascript·腾讯云
学习前端的小z18 分钟前
【前端】深入理解 JavaScript 逻辑运算符的优先级与短路求值机制
开发语言·前端·javascript
前端百草阁41 分钟前
【TS简单上手,快速入门教程】————适合零基础
javascript·typescript
彭世瑜41 分钟前
ts: TypeScript跳过检查/忽略类型检查
前端·javascript·typescript
FØund40442 分钟前
antd form.setFieldsValue问题总结
前端·react.js·typescript·html
Backstroke fish43 分钟前
Token刷新机制
前端·javascript·vue.js·typescript·vue
zwjapple43 分钟前
typescript里面正则的使用
开发语言·javascript·正则表达式
小五Five44 分钟前
TypeScript项目中Axios的封装
开发语言·前端·javascript