1.flex-grow、flex-shrink、flex-basis属性flex-grow:定义剩余空间的划分。默认为0,即如果有剩余空间,则不放大。flex-shrink:定义item的收缩比例。flex-shrink默认值为1,flex-shrink值为0不缩放。flex-basis:定义item占据的主轴空间。浏览器根据这个属性计算出主轴上多余空间或不足空间的大小。它的默认值为auto,即项目的原始大小。flex-basis的优先级高于width属性。如果只设置了width属性,flex-basis为auto,则项目的原始长度等于宽度。如果width和flex-basis都设置了,item的原始长度等于flex。-基础。示例:HTML代码:
