zoukankan      html  css  js  c++  java
  • obj-fit

    该 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指定了,取将导致更小的具体对象的大小。 

  • 相关阅读:
    supermall遇到的问题
    github建立仓库
    【Teradata】9794 ERRAMPOUTOFPHYSPACE error解决方法
    MPP大规模并行计算数据库与分布式数据库的区别
    【English】20190515
    商业数据分析的四个层次
    学会学习(Learning how to learn)
    【English】20190513
    【Teradata】DEL语句产生的锁
    【Teradata】开启LockLogger与dumplocklog工具使用(含lokdisp工具说明)
  • 原文地址:https://www.cnblogs.com/yangguoe/p/8482258.html
Copyright © 2011-2022 走看看