In Flex, Flex -grow, Flex -shrink, Flex -basis

www.jianshu.com/p/ea53c2daf…

Flex-grow defaults to 0 to “divide up” the “remaining space” of the parent item

Flex-shrink default 1 “absorbs” the excess space of the parent item by calculating the actual width *flex-shrink

Flex-basis defaults to auto weight > width

The default flex value is 0. 1 Auto

A value length or percentage is the flex-basis value

A non-negative value is the value of flex-grow

none: 0 0 auto

auto: 1 1 auto