CSS Flex布局(多图易懂易掌握)
先放总结
用于父元素的属性
display:flex;
(设置为弹性盒布局)
flex-direction;
(修改主轴方向(主轴方向修改,则交叉轴方向也修改))
flex-wrap;
(让元素换行)
justify-content;
(修改子元素在主轴上的分布方式)
align-items;
(修改子元素在交叉轴上的分布方式)
用于子元素的属性
flex-grow
(默认不占用剩余空间,flex-grow:1则占用剩余空间)
flex-shrink
(如果父元素不停缩小,默认子元素可压缩,flex-shr
原创
2021-04-27 17:59:17 ·
429 阅读 ·
0 评论