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

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>

http://www.lryc.cn/news/407890.html

相关文章:

  • MySQL练手 --- 1934. 确认率
  • 【OpenCV C++20 学习笔记】扫描图片数据
  • LeetCode:爬楼梯(C语言)
  • 银河麒麟(arm64)环境下通过docker安装postgis3,并实现数据整体迁移
  • C语言 | Leetcode C语言题解之第278题第一个错误的版本
  • 京东科技集团将在香港发行与港元1:1挂钩的加密货币稳定币
  • Vue 实现电子签名并生成签名图片
  • Visual Studio 2022美化
  • [CISCN2019 华东南赛区]Web11
  • 【图形图像-1】SDF
  • 苍穹外卖01
  • ElasticSearch(三)—文档字段参数设置以及元字段
  • ARM功耗管理之压力测试和PM_DEBUG实验
  • ESP8266用AT指令实现连接MQTT
  • 人工智能与机器学习原理精解【5】
  • 为什么用LeSS?
  • 力扣高频SQL 50题(基础版)第七题
  • 【音视频】一篇文章区分直播与点播、推流与拉流
  • 3d动画软件blender如何汉化?(最新版本4.2)
  • C++学习笔记04-补充知识点(问题-解答自查版)
  • Vue el-table的自定义排序返回值为null,设置刷新页面保持排序标志,导航时elementui组件不更新
  • 一起笨笨的学C ——16链表基础
  • 信息学奥赛一本通1917:【01NOIP普及组】装箱问题
  • android user 版本如何手动触发dump
  • RedHat Linux 7.5 安装 mssql-server
  • Vue的SSR和预渲染:提升首屏加载速度与SEO效果
  • 若依ruoyi+AI项目二次开发(智能售货机运营管理系统)
  • 【SpringBoot】 4 Thymeleaf
  • 动静资源的转发操作
  • Windows系统安全加固方案:快速上手系统加固指南(上)