首页 > 其他分享 >img 固定宽高 图像不拉伸 显示图片中间部分

img 固定宽高 图像不拉伸 显示图片中间部分

时间:2023-10-11 12:33:02浏览次数:38  
标签:拉伸 img 100px 宽高 height 6px radius chat


.m-sd-chat-select-avatar-img{width: 100px;height: 125px;object-fit: cover;border-radius: 6px;cursor: pointer;} 

 

使用后:

img 固定宽高 图像不拉伸 显示图片中间部分_html

使用前:

 

标签:拉伸,img,100px,宽高,height,6px,radius,chat
From: https://blog.51cto.com/xutongbao/7809131

相关文章

  • PCIe 5.0 SSD四合一!峰值带宽高达64GB/s
    华硕低调发布了新一代HyperM.2x16Gen5扩展卡,可以单卡安装最多四块PCIe5.0x4SSD。它采用了PCIe5.0x16系统级接口和服务器级PCB,可以提供64GB/s的峰值带宽,每块都可以跑到16GB/s。当然目前还没有能做到这一点的SSD,而考虑到带宽损耗,实际上也不可能做到。四块SSD均支持2242......
  • openstack cinder实现基于lvm、NFS实现云盘动态拉伸
     #cindder部署官方参考文档https://docs.openstack.org/cinder/train/install/cinder-controller-install-rdo.html1.#数据库准备:[root@openstack-mysql~]#mysqlWelcometotheMariaDBmonitor.Commandsendwith;or\g.YourMariaDBconnectioni......
  • 5、SimGNN实战
    一、概述文献标题:SimGNN:ANeuralNetworkApproachtoFastGraphSimilarityComputation来源:WSDM2018(网络搜索和数据挖掘国际会议)论文链接:https://arxiv.org/abs/1808.05689代码链接:https://paperswithcode.com/paper/graph-edit-distance-computation-via-graph#code目的:......
  • [开源]-OpenCASCADE-IMGUI
    [开源]-OpenCASCADE-IMGUI1IMGUIImGui是一个用于C++的用户界面库,跨平台、无依赖,支持OpenGL、DirectX等多种渲染API,是一种即时UI(ImmediateModeUserInterface)库,保留模式与即时模式的区别参考保留模式与即时模式。ImGui渲染非常快,但界面上有大量的数据集需要渲染可能会有一些......
  • Typora插入图片上传到图床ImgBB
    注册图床有很多对象存储服务可以作为图床。以imgbb举例(https://imgbb.com/)进入imgbb注册账号并登录。点击关于进入API界面找到并点击“AddAPIkey”复制key。下载和安装PicGo选择PicGo的路径配置PicGo--安装imgbb的插件选择imgbb粘贴APIkey选择配置的图床......
  • Linux学习之CentOS(二十七)--Linux磁盘管理:LVM逻辑卷的拉伸及缩减
    您可以通过点击右下角的按钮来对文章内容作出评价,也可以通过左下方的关注按钮来关注我的博客的最新动态。如果文章内容对您有帮助,不要忘记点击右下角的推荐按钮来支持一下哦如果您对文章内容有任何疑问,可以通过评论或发邮件的方式联系我:[email protected]......
  • img的srcset属性的作用
    img标签的srcset可以用来处理页面在不同像素密度终端设备上对图片的选择性展示sizes作用就在于告诉浏览器根据【屏幕尺寸]和【像素密度】的计算值从srcset中选择最佳的图片源。<imgsrc="density-x1.jpg"srcset="density-x1.jpg1x>1.如果当前浏览器不认识srcs......
  • OpenCASCADE GLFW IMGUI
    OpenCASCADEGLFWIMGUI如果从事过C++Windows客户端开发,大家对MFC、Qt、DuiLib、WxWidgets等各种DirectUI应该有了解,本篇给大家介绍一个超级轻量级的C++开源跨平台图形界面框架ImGUI.ImGUI主要用于游戏行业,所有的控件都需要手绘实现,当然性能也是满满的,毕竟是直接用dx/opengl来......
  • Android入门教程 | TextView简介(宽高、文字、间距)
    TextView简介文字,是我们传达信息的一种常见方式。在安卓应用上显示文字,我们通常使用TextView。之前我们已经知道如何获取到layout中的TextView,也知道setText()方法可以修改显示的文字。结合我们实际的生活和学习经验,写字的时候,有哪些方面是可以由我们来控制的?文本内容;文字颜色;大......
  • SimGCL阅读笔记
    SimGCL论文阅读笔记​ 本篇文章主要讲述了图增强虽然有效果,但是起到的作用很小,然后提出了基于添加均匀的噪声来创建对比视图。这样准确性和效率都会优于原来的方法1.引言部分​ 尽管现在基于结构扰动的图增强具有着很不错的效果,但是性能提升的原因还是不清楚,并且有研究发现,即使......