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>
相关推荐
Maybyy18 分钟前
Chart.js图标绘制工具库
开发语言·javascript·ecmascript
漂流瓶jz20 分钟前
SourceMap数据生成核心原理:简化字段与Base64VLQ编码
前端·javascript·算法
桜吹雪24 分钟前
手搓一个简易Agent
前端·人工智能·后端
诸葛老刘44 分钟前
前端 css中的函数
前端·css
谢尔登1 小时前
通用会话控制方案
前端·网络协议·tcp/ip·react.js·gitlab
惜茶1 小时前
websocket操作入门
前端·javascript·websocket
摇滚侠2 小时前
Vue 项目实战《尚医通》,获取当前账户就诊人信息并展示出来,笔记42
前端·javascript·vue.js·笔记·html5
han_2 小时前
前端高频面试题之Vue-router篇
前端·vue.js·面试
用户47949283569152 小时前
接手祖传代码后,我终于理解了"组合优于继承"
javascript
C.果栗子2 小时前
Blob格式的PDF文件调用打印,浏览器文件打印(兼容)
前端·javascript·pdf