Flex子元素

标签：目的   bsp   数字   row   收缩   end   base   color   剩余空间   

order

控制子元素在父容器的顺序 0 任何整数 负数

order：1；

flex-grow谁的值大谁空间多，同样的值就平分

flex-grow：1

flex-shrink 设置弹性容器中项目的收缩比率

1  数字  不能负数

flex -basis   伸缩项目分配空间=伸缩容器空间-basis设置的空间-其他子元素的width（若无则为其他内容占的空间）

auto   空间按剩余空间平均分

[width]

0  全部空间大小一致

*flex复合元素

flex-grow   flex-shrink  flex-basis

align-self

align-self:flex-start

align-self:flex-end

align-self:center

align-self:baseline

align-self:stretch

Flex子元素

标签：目的   bsp   数字   row   收缩   end   base   color   剩余空间   

原文地址：https://www.cnblogs.com/jian1234/p/9888871.html