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>
相关推荐
Zyx2007几秒前
Vue 3 实现 AI 流式输出(上篇):从用户体验说起
javascript
zhougl9962 分钟前
前台访问服务的方法
javascript
龙猫不热2 分钟前
THREE.js 关于Material基类下的depthTest 和 depthWrite的理解
前端·three.js
前端程序猿之路11 分钟前
简易版AI知识助手项目 - 构建个人文档智能问答系统
前端·人工智能·python·ai·语言模型·deepseek·rag agent
失败又激情的man11 分钟前
爬虫逆向之阿里系cookie acw_sc__v2 逆向分析
前端·javascript·爬虫
小肖爱笑不爱笑13 分钟前
Vue Ajax
前端·javascript·vue.js·web
四瓣纸鹤15 分钟前
闭包到底是啥?
javascript·闭包
全栈技术负责人22 分钟前
我的大前端世界观 (黄玄 - FEDAY 2023)
前端
changlianzhifu123 分钟前
分账系统:从“资金管道“到“增长引擎“,重塑商业价值分配新范式
java·服务器·前端
异界蜉蝣25 分钟前
前端模块化的演进史:从混乱到秩序
前端