没有合适的资源?快使用搜索试试~ 我知道了~
image-crop:图片等比例撑满容器,完全居中展示,会裁剪容器之外的图片区域
共6个文件
css:1个
jpg:1个
png:1个
需积分: 29 1 下载量 73 浏览量
2021-04-29
06:18:38
上传
评论
收藏 270KB ZIP 举报
温馨提示
image-crop 图片等比例撑满容器,完全居中展示,会裁剪图片的非中心区域(类似于CSS中background-size: cover;的效果) 裁切策略 图片占满容器且图片保持原有比例,完全居中展示图片,超出部分将被隐藏 使用示例 <!-- 引入资源 --> <link rel="stylesheet" href="../src/image-crop.css"/> [removed][removed] <!-- 设置容器的样式 --> <style> .picture-width, .picture-height{ margin: 50px auto 0; width: 200px; height: 200px;
资源推荐
资源详情
资源评论
收起资源包目录
image-crop-master.zip (6个子文件)
image-crop-master
src
image-crop.js 1KB
image-crop.css 130B
README.md 905B
demo
width.jpg 206KB
index.html 628B
height.png 69KB
共 6 条
- 1
资源评论
参丸
- 粉丝: 14
- 资源: 4658
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于jsp+mysql的JSP个人日记本源码.zip
- 基于jsp+mysql+servlet的JSP图书馆图书管理系统源码.zip
- 【2024win11软件启动速度反应慢解决方法附工具】
- 3.1_将字符串颠倒输出 .cpp
- 基于MATLAB实现的数字信号处理课后仿真代码,共十四章
- mysql-8.0(windows+mac版本).zip
- Screenshot_2024-05-14-17-26-40-479_com.tencent.mobileqq.jpg
- 749783406737663csgk_schedule.zip
- 基于html+css+js(jquery)开发的网易云商城+源码+音乐+商品详情+商城界面+商城购物车+网易云首页(高分优秀项目
- 信息论课程设计基于Python实现的霍夫曼、费诺、香农编码
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功