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

posted @ 2020-10-28 09:25  ashen1999  阅读(2079)  评论(1编辑  收藏  举报