obj-fit
2024-10-20 08:04:18
该 object-fit CSS 属性指定替换元素的内容应该如何适应到其使用的高度和宽度确定的框。
初始值 fill
适用于 替换元素
遗传 是
媒体 视觉
计算值 按规定
动画类型 离散的
为了规范 通过正规的语法定义的唯一无歧义的秩序
/* 关键属性 */
object-fit: fill;
object-fit: contain;
object-fit: cover;
object-fit: none;
object-fit: scale-down;
- 1
- 2
- 3
- 4
- 5
/* 全局属性 */
object-fit: inherit;
object-fit: initial;
object-fit: unset;
初始值 fill
适用元素 replaced elements
是否是继承属性 否
适用媒体 visual
计算值 as specified
Animation type discrete
正规顺序 the unique non-ambiguous order defined by the formal grammar
句法
object-fit属性由下列的值中选择一个关键字来指定。
值
fill
被替换的内容的大小,以填补该元素的内容框:对象的具体对象的大小是元素的使用宽度和高度。
contain
被替换的内容的大小,为自身宽高比不变,适应该元素的内容框的大小:它的具体对象的大小被解析为对元素的使用宽度和高度的含有约束。
cover
被替换的内容的尺寸却使元件的整个内容框,以保持其长宽比其具体的对象的大小被解析为针对元素的使用的宽度和高度的盖约束。
none
被替换的内容的尺寸却使元件的整个内容框,以保持其长宽比其具体的对象的大小被解析为针对元素的使用的宽度和高度的盖约束。
scale-down
内容的尺寸仿佛none或contain指定了,取将导致更小的具体对象的大小。
最新文章
- 【Swift学习】Swift编程之旅---控制流(九)
- mysqldump 逻辑备份的正确姿势
- Struts2中的Unable to load configuration错误的分析与解决方法
- php 自带函数
- c++随机数生成
- Sql Xml
- PHP自学之路-----javascript基础入门
- lufylegend库 LGraphics扭曲图片
- Spring ioc与aop的理解
- [转]linux查看日志文件内容命令
- nodeppt的使用教程
- lua 序列化函数
- HBase作为存储方案
- [整理+原创]ubuntu Thunderbird Mail设置自动提醒
- Cisco Common Service Platform Collector - Hardcoded Credentials(CVE-2019-1723)
- Intent的作用和表现形式简单介绍
- 宏(define)与常量(const)
- 深入理解Java中为什么内部类可以访问外部类的成员
- wxpython 设置鼠标样式
- ABAP术语-Object Type
热门文章
- Scala实战高手****第16课:Scala implicits编程彻底实战及Spark源码鉴赏
- maven将jar文件加入到maven库
- Linux 命令缩写部分解释
- javascript快速入门27--XSLT基础
- [Python爬虫] 之二十二:Selenium +phantomjs 利用 pyquery抓取界面网站数据
- ubuntu vim markdown 实时预览
- ChannelHandlerContext writeAndFlush(firstMessage)
- [Functional Programming] Pull Many Random Numbers in a Single State ADT Transaction
- HTML5 Canvas 绘制二十四字真言钟表
- 【玩转cocos2d-x之三十九】Cocos2d-x 3.0截屏功能集成