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>
相关推荐
JavaDog程序狗3 分钟前
【指南】uni-app微信小程序多环境CI-CD完全指南
ci/cd·uni-app·jenkins
BigTopOne9 分钟前
VS Code IntelliSense 配置(解决 #include 找不到的报红)
前端
愚公搬代码11 分钟前
【愚公系列】《Web应用安全》005-Visual Studio Code编辑器的使用
前端·安全·编辑器
用户9210802628614 分钟前
2. 以 Bubble 为例,看 Ant Design X Vue 组件是怎么设计的
前端
Liora_Yvonne17 分钟前
Monorepo 里的 shared、services 和 ui 到底怎么划分?
前端
PedroQue9919 分钟前
uni-router v2.1.0 升级:导航守卫全面支持返回值模式
前端·uni-app
猫七先生23 分钟前
从零到一:个人博客自动化部署踩坑全记录
前端
淼澄研学25 分钟前
Python调用通义千问API实现长尾搜题内容自动化生成实战
前端·react.js·架构
绿岛之北27 分钟前
Electron 安全入门:为什么一个 XSS 可能变成 RCE?
前端·electron
舒灿35 分钟前
DeepSeek Harness——Agent自我进化的实现途径?
前端·ai编程·deepseek