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>
相关推荐
程序员库里6 分钟前
第 3 章:Tiptap 与 React 集成
前端·javascript·面试
码徒7 分钟前
2026 前端技术十大趋势:84% 的开发者已经在用 AI 写代码了
前端·agent·ai编程
Joyee6917 分钟前
RN 的新渲染器 Fabric
前端·react native
在西安放羊的牛油果8 分钟前
Connect 源码深度解析
前端·架构·代码规范
JasonYin8 分钟前
多级关联列表预览
前端
Moment9 分钟前
AI全栈入门指南:使用 NestJs 创建第一个后端项目
前端·javascript·后端
巫山老妖10 分钟前
🧪 AI+测试:当AI遇上软件测试,效率提升10倍不是梦!
前端
蜡台15 分钟前
Vue3 props ref router 数据通讯传输等使用记录
前端·javascript·vue.js·vue3·router·ref
Cobyte17 分钟前
从 JavaScript 的角度理解 Python 语法
前端
travel_wsy18 分钟前
vue Pinia 状态管理库
前端·pinia