当前位置: 首页 > Web前端 > CSS

object-fit

时间:2023-03-30 22:54:49 CSS

object-fitCSS属性指定可替换元素的内容应如何适应其使用的框的高度和宽度。您可以使用object-position属性切换被替换元素的内容对象在元素框内的对齐方式。包含替换的内容将被缩放以在填充元素的内容框时保持其纵横比。整个对象在填充框时保持其纵横比,因此如果纵横比与框的纵横比不匹配,对象将添加“黑色边框”。替换的内容填充元素的整个内容框,同时保持其纵横比。如果对象的纵横比与内容框不匹配,对象将被裁剪以适合内容框。fill被替换的内容正好填满元素的内容框。整个对象将完全填满此框。如果对象的纵横比与内容框不匹配,对象将被拉伸以适应内容框。无替换后的内容将保持其原始大小。缩小内容的大小与none或contain之一相同,具体取决于两者中哪一个导致更小的对象大小。