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>
相关推荐
掘金酱2 小时前
🔥 AI 时代,Token 就是你的数字燃料!晒账单,赢好礼!
前端·人工智能·ai编程
计算机魔术师2 小时前
Warp用Claude搭自我改进智能体
前端
计算机魔术师2 小时前
英伟达Q2营收翻倍,黄仁勋称实际需求远超70%指引
前端
计算机魔术师2 小时前
英伟达129亿美元收购Hugging Face
前端
Shinner欣儿2 小时前
React18 和 19 新特性结合看
前端·react.js
水獭比特2 小时前
工作流都公开了,为什么还不能继承 Owner 权限?
javascript·人工智能·node.js
Java小卷3 小时前
低代码表单联动配置:从节点驱动到数据驱动
前端·低代码
DianSan_ERP3 小时前
WMS接入电商平台自动化履约实战:一张订单从平台到出库的接口时序设计
java·前端·网络·数据库·安全·架构·自动化
莪_幻尘3 小时前
手把手书写你的第一个 AI Agent:当 Skill 有了记忆、角色和主动性
前端·agent
原则猫4 小时前
设计模式
前端