图片在div完全显示

效果图:

html代码:

  <div class="container"  style=" display: flex;width: 550px;height: 180px;"><div class="box" style=" color: red; background-color:blue; width: 50%;"></div><div class="box" style="color: aqua;background-color:brown;width: 50%; " style=" display: flex;flex-direction:column;"><div style="height: 50%; width:100%;display:flex;justify-content:space-between;"><div style="width:50%;background-color:red; display:flex;justify-content:center; margin: 0px;padding: 0px;"> <img style="width: 100%;height:100%;object-fit: cover;border: none; border-style: none;" src="C:\Users\Administrator\Pictures\images\2.png" alt="Your Image"></div><div style="width:50%;background-color:chartreuse;display:flex;justify-content:center;"><img style="width: 100%;height:100%;object-fit: cover;object-fit: cover;display: inline-block;border: none; border-style: none;" src="C:\Users\Administrator\Pictures\images\2.png" alt="Your Image"></div></div><div style="height: 50%; width:100%;display:flex;justify-content:space-between;""><div style="width:50%;background-color:chartreuse;display:flex;justify-content:center;"> <img style="width: 100%;height:100%;object-fit: cover;object-fit: cover;margin: 0 auto;" src="C:\Users\Administrator\Pictures\images\2.png" alt="Your Image"></div><div style="width:50%;background-color:red;display:flex;justify-content:center;"><img style="width: 100%;height:100%;object-fit: cover;object-fit: cover;margin: 0 auto;" src="C:\Users\Administrator\Pictures\images\2.png" alt="Your Image"></div></div></div></div>

希望能帮助到各位,大家的支持是我创作最大动力!现在待业中,希望大家能推荐一下工作。(专注.net C# 6年)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/734453.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

python实现回溯算法

什么是回溯算法&#xff1f; 回溯算法是一种经典的解决组合优化问题、搜索问题以及求解决策问题的算法。它通过不断地尝试各种可能的候选解&#xff0c;并在尝试过程中搜索问题的解空间&#xff0c;直到找到问题的解或者确定问题无解为止。回溯算法常用于解决诸如排列、组合、…

30m二级分类土地利用数据Arcgis预处理及获取

本篇以武汉市为例&#xff0c;主要介绍将土地利用数据转换成武汉市内各区土地利用详情的过程以及分区统计每个区内各地类面积情况&#xff0c;后面还有制作过程中遇到的面积制表后数据过小的解决方法以及一些相关的知识点&#xff1a; 示例数据下载链接&#xff1a;数据下载链…

2024年阿里云服务器新用户购买一个月多少钱?

阿里云服务器一个月多少钱&#xff1f;最便宜5元1个月。阿里云轻量应用服务器2核2G3M配置61元一年&#xff0c;折合5元一个月&#xff0c;2核4G服务器30元3个月&#xff0c;2核2G3M带宽服务器99元12个月&#xff0c;轻量应用服务器2核4G4M带宽165元12个月&#xff0c;4核16G服务…

UnicodeDecodeError: ‘gbk‘和Error: Command ‘pip install ‘pycocotools>=2.0

今天重新弄YOLOv5的时候发现不能用了&#xff0c;刚开始给我报这个错误 subprocess.CalledProcessError: Command ‘pip install ‘pycocotools&#xff1e;2.0‘‘ returned non-zero exit statu 说这个包安装不了 根据他的指令pip install ‘pycocotools&#xff1e;2.0这个根…

哥德巴赫猜想

七十年代末八十年代初&#xff0c;哥德巴赫猜想在中国风靡一时&#xff0c;来源于徐迟的一篇同名报告文学。我还是小孩子&#xff0c;记得大人们叽里咕噜疯传。 “哇&#xff0c;不得了。陈景润证明了1&#xff0b;2&#xff1d;3&#xff0c;离1&#xff0b;1&#xff1d;2就…

misc30

rar解压得到 发现只有中间的图片可以分析&#xff0c;另外两个都有密码 那就先分析星空&#xff0c;属性里面发现 使用该密码可以解压doc文本&#xff0c;发现doc隐写 使用此密码&#xff08;Hello friend!)解压图片,得到一个二维码 扫码得到flag flag{welcome_to_ctfshow}

【Web】浅聊Java反序列化之Rome——关于其他利用链

目录 前言 JdbcRowSetImpl利用链 BasicDataSource利用链 Hashtable利用链 BadAttributeValueExpException利用链 HotSwappableTargetSource利用链 前文&#xff1a;【Web】浅聊Java反序列化之Rome——EqualsBean&ObjectBean-CSDN博客 前言 Rome中ToStringBean的利用…

(001)UV 的使用以及导出

文章目录 UV窗口导出模型的主要事项导出时材质的兼容问题unity贴图导出导出FBX附录 UV窗口 1.uv主要的工作区域&#xff1a; 2.在做 uv 和贴图之前&#xff0c;最好先应用下物体的缩放、旋转。 导出模型的主要事项 1.将原点设置到物体模型的底部&#xff1a; 2.应用修改器的…

java web 知识 jsp

1. jsp: Java Server Page jsp 文件 必须 由 应用服务器 部署(启动项目) ,部署后 用浏览器才能访问 2. jsp 运行原理: idea 编译 部署项目的 位置: C:\Users\74163\AppData\Local\JetBrains\IntelliJIdea2021.1\tomcat\c5b2c807-b7a6-4948-a9ca-71919e55968b 这个 目录 下…

线程和进程

参考链接&#xff1a; 1.基本概念 进程&#xff1a;Windows系统中&#xff0c;一个运行的xx.exe就是一个进程。例如打开浏览器就是一个进程 线程&#xff1a;进程中的一个执行任务&#xff08;控制单元&#xff09;&#xff0c;负责当前进程中程序的执行。一个进程至少有一个…

【Web】关于Java反序列化那些实现机制的朴素通识

目录 原生⚔ 自定义 基于 Java 原生序列化机制&#xff1a; 基于自定义序列化机制&#xff1a; 基于Bean⚔基于Field 基于 Bean 的反序列化&#xff1a; 基于 Field 的反序列化&#xff1a; 常见序列化协议归类 原生⚔ 自定义 基于 Java 原生序列化机制&#xff1a; 特…

Android14 Handle机制

Handle是进程内部, 线程之间的通信机制. handle主要接受子线程发送的数据, 并用此数据配合主线程更新UI handle可以分发Message对象和Runnable对象到主线程中, 每个handle实例, 都会绑定到创建他的线程中, 它有两个作用,: (1) 安排消息在某个主线程中某个地方执行 (2) 安排…

Python学习之基础语法

一、HelloWorld 二、Python基础语法 2.1 字面量 定义&#xff1a;在代码中&#xff0c;被写下来的固定的值&#xff0c;称之为字面量。 常用的6种值的类型 字符串 Python中&#xff0c;字符串需要用双引号包围&#xff1b; 被双引号包围的都是字符串 666 13.14 "黑马…

深度学习预备知识(线性代数)

介绍&#xff1a; 深度学习是一种机器学习的方法&#xff0c;涉及到大量的线性代数运算。线性代数是研究向量空间和线性映射的数学学科。在深度学习中&#xff0c;线性代数常用于表示和处理输入数据和模型参数。下面是一些深度学习中常见的线性代数概念和运算&#xff1a; 1. …

数据结构之单链表及其实现!

目录 ​编辑 1. 顺序表的问题及思考 2.链表的概念结构和分类 2.1 概念及结构 2.2 分类 3. 单链表的实现 3.1 新节点的创建 3.2 打印单链表 3.3 头插 3.4 头删 3.5 尾插 3.6 尾删 3.7 查找元素X 3.8 在pos位置修改 3.9 在任意位置之前插入 3.10 在任意位置删除…

【python量化】基于okex API开发的海龟策略

介绍 基于okex api开发的海龟策略&#xff0c;okex海龟策略python实现方式。该程序目前只支持单品种&#xff0c;比如设置ETH后&#xff0c;只对ETH进行做多做空。该程序运行需要两样东西&#xff1a;apikey 和 标的 运行该程序之前&#xff0c;用户需要到okex网站去申请apiK…

嘉绩咨询:八位一体产业创新,赋能品牌新零售

探索新零售领域不断创新高峰的嘉绩咨询在今天全面展现了其“八位一体”产业创新模式&#xff0c;该模式旨在为新零售品牌提供全方位的赋能服务。立足于广州的企业战略导航专家&#xff0c;吹响了帮助中国品牌实现全球化发展的号角。 嘉绩咨询的核心业务涵盖招商教育、招商落地、…

【C++】6-12 运动成绩排名 分数 10

6-12 运动成绩排名 分数 10 全屏浏览 切换布局 作者 范鹏程 单位 内蒙古师范大学 某大学开田径运动会&#xff0c;现有12名选手参加100米比赛&#xff0c;对应的运动员号及成绩如表所示&#xff0c;请按照成绩排名并输出&#xff0c;要求每一行输出名次、运动员号及成绩。 …

Java学习笔记之IDEA的安装与下载以及相关配置

1 IDEA概述 ​IDEA全称IntelliJ IDEA&#xff0c;是用于Java语言开发的集成环境&#xff0c;它是业界公认的目前用于Java程序开发最好的工具。 集成环境&#xff1a; ​把代码编写&#xff0c;编译&#xff0c;执行&#xff0c;调试等多种功能综合到一起的开发工具。 2 IDEA…

穿戴产品功耗开发——外设篇

上一篇已对主控的硬件和软件层面做了相应的总结&#xff0c;本篇将从手表常见的外设来说明&#xff1a;外设不同状态下对穿戴产品功耗的影响。 手表常见的外设有&#xff1a; 人机交互&#xff1a;LCDTouch等。常见有TFT、AMOLED模组&#xff1b;生物医学传感器&#xff1a;P…