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