🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## order属性 space-around:每个子元素之间的距离相等,两端的子元素距离容器的距离也和其它子元素之间的距离相同 ~~~ order:integer ~~~ ## flex-grow属性 该属性定义伸缩项目的放大比例,默认为0,即如果存在剩余空间,也不放大。如果所有的伸缩项目的flex-grow设置为1,那么每个伸缩项目将设置为一个大小相等的剩余空间。如果你将其中一个伸缩项目的flex-grow设置为2,那么这个伸缩项目所占的剩余空间时其他伸缩项目所占剩余空间的两倍。 ~~~ flex-grow:number /*默认为0*/ ~~~ ## flex-shrink属性 该属性用来定义伸缩项目的收缩能力,当剩余空间不足时,自动降自身的宽或者高缩小为1/number,即number=3 就缩小为1/3 ~~~ flex-shrink:number/*默认值为1*/ ~~~ ## flex-basis属性 该属性用来设置伸缩项目的基准值,剩余的空间按比例进行伸缩 ~~~ flex-basis: length | auto ~~~ ## flex属性 该属性是flex-grow、flex-shrink、flex-basis这三个属性的缩写 ~~~ flex:flex-grow flex-shrink flex-basis ~~~