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

上一篇:flex:1详解


下一篇:android ImageButton不拉伸图像