CSS--flex简写属性

flex是flex-grow、flex-shrink和flex-basis的缩写。

flex: 1

表示的是flex: 0 1 auto
即不放大、按比例缩小。

flex: n

表示的是flex-grow为n，即按n的比例放大。其余两值为默认值1、0%。

flex: n1 n2

表示的是flex-grow为n1，flex-shrink为n2。flex-basis为0%

flex: n L(百分比)

表示的是flex-grow为n，flex-shrink为1，flex-basis为L