子元素高度不相等时如何处理高度小的元素布局
flex-start
高度小的元素顶部与高度大的顶部对齐flex-end
高度小的元素底部与高度大的元素底部对齐center
高度小的元素居中stretch
将高度小的元素拉伸到大高度**(默认值)baseline
所有元素按照baseline
对齐子元素在副轴上有多行的时候, 每一行看做一个元素, 这些元素在副轴上的布局, 规则与justify-content
相同
flex-start
所有行从起始方向向结束方向排flex-end
所有行从结束方向向起始方向排center
所有行居中space-between
等分空间到所有行之间(最外层行与容器之间没有空间)space-around
等分空间到所有行(最外层行与容器之间有空间)stretch
拉伸行, 充满容器(默认值)子元素宽度和小于父容器宽度时, 各个子元素如何分配剩余空间, 值为无单位的非负数字, 表示分配权重, 默认为0