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>
相关推荐
kiros_wang2 分钟前
RDB关系数据库实战:增删改查、事务、分页、版本迁移
前端
用户1733598075374 分钟前
纯前端 PDF 双面打印避坑指南:翻页顺序错了整个白印?
前端·javascript·vue.js
庖丁解牛5 分钟前
第四课:循环,让电脑重复做事(4)
前端
数据掘金6 分钟前
用户路径分析的会话切分与节点聚合实现
前端
SensorFlow9 分钟前
从神策 SDK 迁移到 SensorFlow:采集层平滑迁移实战
javascript
代码猎人10 分钟前
前端怎么搭建项目基础架构
前端
lichenyang45311 分钟前
Promise 基础与进阶:状态规则、链式错误处理和异步执行顺序
前端
Amos_Web12 分钟前
Rspack 源码解析(二十五):CssParserAndGenerator 如何把 CSS 变成可 Tree Shaking 的模块
前端·rust·前端框架
wespaul26 分钟前
VeapAI 自然语言操作实战|第 06 篇:AiConsole 前端运行时——一个 Hub,八个注册表
前端·人工智能·milvus
龙亘川36 分钟前
健康服务规范化背后,数字化如何 “辅助赋能“
大数据·前端·人工智能·智慧城市·数据可视化