弹性盒子
flex-direction:主轴/交叉轴
justify-content:flex-start:左对齐
center:居中对齐
space-between:左右有空隙,均匀分布在不同项
space-around:左右两边间距相同,而不只是中间
align-items:容器相对于轴的位置
flex-wrap:项在多行显示
子元素:flex-shrink:0为限制他缩小
flex-grow:子元素中随页面变大而扩充,数越大扩充越多。
flex-basis:告诉盒子从哪里开始扩大
align-self:改变项的位置
flex-end:底部对齐
order:容器之间的位置跳转
flex:1:flex-grow,2:flex-basis 3:
2021-06-01
最新推荐文章于 2021-06-30 13:43:10 发布