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>
相关推荐
学以智用19 分钟前
wangEditor V5 精简完整参考手册
javascript
AiMan1 小时前
Poe还是不可以导出左侧所有对话,只能单条内容导出,方法不对吗
前端
用户298698530141 小时前
React 前端实现 Excel 与 CSV 互转:基于 WebAssembly 的浏览器端方案
javascript·react.js·excel
AiMan1 小时前
文心生成的内容能否下载吗?
前端
前端双越老师2 小时前
程序员 1v1 访谈系列第十四期:接受焦虑 拥抱不确定
前端·ai编程·全栈
deli0073 小时前
MCP 协议 6 条消息拆开看:AI 为什么能自己读文件调接口
前端
风骏时光牛马3 小时前
请告诉我标题对应的内容、想要的风格,我马上给你生成。
前端
deli0073 小时前
OAuth 2.0 授权码流程实测:4 次跳转,少个 state 就被劫持
前端
deli0075 小时前
手机20%突然关机?电量百分比是估的,SOC曲线4组实测
前端