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>
相关推荐
卷帘依旧8 分钟前
useImperativeHandle的作用
前端
卷帘依旧15 分钟前
Hooks在Fiber上的存储原理
前端
you458018 分钟前
学成在线--day02 CMS前端开发(含Vue基础知识得回顾)
前端·javascript·vue.js
想吃火锅100522 分钟前
【leetcode】1.两数之和js版
javascript·算法·leetcode
xiaofeichaichai25 分钟前
虚拟 DOM
前端·javascript·vue.js
2401_8784545329 分钟前
前端高频得手写题
前端
初一初十1 小时前
vue3实现的纯前端护肤品商城网站
前端·javascript·vue.js·前端框架
卷帘依旧1 小时前
React状态管理方案怎么选
前端
zeqinjie1 小时前
Flutter 折叠屏 iPad / 宽屏适配实践
android·前端·flutter
小村儿1 小时前
连载13- 内部Tools,Claude Code 怎么真正"动"你的代码
前端·后端·ai编程