card-inner-title flex 1 1 auto; 解析一下这个样式
这段样式代码定义了一个名为 .card-inner-title 的样式规则。
flex: 1 1 auto; 是一个用于设置 Flexbox 布局的属性,它包含了三个值:flex-grow、flex-shrink、flex-basis。
flex-grow:定义了项目的放大比例,默认为 0,表示不放大。flex-shrink:定义了项目的缩小比例,默认为 1,表示如果空间不足,项目将缩小。flex-basis:定义了项目在主轴上的初始大小,默认为auto,表示由项目的内容决定。
这里的 flex: 1 1 auto; 表示 .card-inner-title 元素在 Flexbox 布局中会根据需要自动调整大小,同时也允许它缩小或放大,具体的大小由元素的内容决定。
原文地址: https://www.cveoy.top/t/topic/iOkm 著作权归作者所有。请勿转载和采集!