flex属性

CSS属性 flex 规定了弹性元素如何伸长或缩短以适应flex容器中的可用空间。这是一个简写属性，用来设置 flex-grow, flex-shrink 与 flex-basis。

1、flex-grow 属性用于设置或检索弹性盒子的扩展比率。
（注意：如果元素不是弹性盒对象的元素，则 flex-grow 属性不起作用。）

2、flex-shrink 属性指定了 flex 元素的收缩规则。flex 元素仅在默认宽度之和大于容器的时候才会发生收缩，其收缩的大小是依据 flex-shrink 的值。
（注意：如果元素不是弹性盒对象的元素，则 flex-shrink 属性不起作用。）
flex-shrink的默认值为1，如果没有显示定义该属性，将会自动按照默认值1在所有因子相加之后计算比率来进行空间收缩。

3、flex-basis 属性用于设置或检索弹性盒伸缩基准值。
（注意：如果元素不是弹性盒对象的元素，则 flex-basis 属性不起作用。）