当前位置： 首页 > news >正文

uniapp中出现图片过小会与盒子偏离

news 来源：原创 2024/9/21 8:01:35

结论：在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>

相关文章：

  • 北京网站建设多少钱？
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • RDF中IEXT和ICEXT的区别
  • [240727] Qt Creator 14 发布 | AMD 推迟 Ryzen 9000芯片发布
  • Redis：RDB持久化
  • 2024 微信小程序 学习笔记 第二天
  • Spring Boot自动装配原理
  • MongoDB - 聚合阶段 $group 的使用
  • 网络战时代的国家安全：策略、技术和国际合作
  • 数据库开发：MySQL基础（二）
  • 7-25学习笔记
  • 数据结构：（1）线性表
  • easyExcel 3.x以上版本导入数据后，再把错误信息导出，外加自定义RGB背景色、行高、宽度等
  • PSINS工具箱函数介绍——insplot
  • .NET Framework 3.5安装教程
  • js抓取短信验证码发送
  • 通知：PostgreSQL证书领取（PCA114）# PG 证书
  • [rust! #004] [译] Rust 的内置 Traits, 使用场景, 方式, 和原因
  • 《Java编程思想》读书笔记-对象导论
  • 〔开发系列〕一次关于小程序开发的深度总结
  • C++11: atomic 头文件
  • canvas 高仿 Apple Watch 表盘
  • centos安装java运行环境jdk+tomcat
  • HTML中设置input等文本框为不可操作
  • Storybook 5.0正式发布：有史以来变化最大的版本\n
  • Terraform入门 - 3. 变更基础设施
  • uni-app项目数字滚动
  • Vue--数据传输
  • WordPress 获取当前文章下的所有附件/获取指定ID文章的附件(图片、文件、视频)...
  • Yeoman_Bower_Grunt
  • 前端临床手札——文件上传
  • 如何优雅的使用vue+Dcloud（Hbuild）开发混合app
  • 深度学习中的信息论知识详解
  • 树莓派 - 使用须知
  • 转载：[译] 内容加速黑科技趣谈
  • 《码出高效》学习笔记与书中错误记录
  • ionic入门之数据绑定显示-1
  • ​十个常见的 Python 脚本 (详细介绍 + 代码举例)
  • # windows 运行框输入mrt提示错误：Windows 找不到文件‘mrt‘。请确定文件名是否正确后，再试一次
  • ## 临床数据 两两比较 加显著性boxplot加显著性
  • #免费 苹果M系芯片Macbook电脑MacOS使用Bash脚本写入(读写)NTFS硬盘教程
  • （2）(2.4) TerraRanger Tower/Tower EVO(360度)
  • （C）一些题4
  • (CPU/GPU)粒子继承贴图颜色发射
  • (delphi11最新学习资料) Object Pascal 学习笔记---第13章第6节 （嵌套的Finally代码块）
  • (function(){})()的分步解析
  • （react踩过的坑）Antd Select（设置了labelInValue）在FormItem中initialValue的问题
  • （ros//EnvironmentVariables）ros环境变量
  • （二）c52学习之旅-简单了解单片机
  • （附源码）python房屋租赁管理系统 毕业设计 745613
  • （算法）前K大的和
  • (转)AS3正则：元子符,元序列,标志,数量表达符
  • （转）Sublime Text3配置Lua运行环境
  • (转)视频码率,帧率和分辨率的联系与区别
  • ./configure,make,make install的作用(转)
  • .NET 程序如何获取图片的宽高（框架自带多种方法的不同性能）
  • .pings勒索病毒的威胁：如何应对.pings勒索病毒的突袭？