博客介绍了伸缩布局 display:flex 的相关知识。它无需浮动就能实现浮动效果，默认从左至右排列，可通过 flex - direction 调整主轴方向。还阐述了主轴对齐方式 justify - content、侧轴对齐方式 align - items 的不同取值及效果，最后提到了伸缩比例 flex。
伸缩布局：display:flex;，不需要浮动就实现浮动效果，默认从左至右，也可使用flex-direction调整主轴方向
row 水平方向 ， row-reverse 反转 ， column 垂直 ， column-reverse反转列
justtify-content（主轴对齐的方式）：flex-start从主轴开始的方向对齐，flex-end从主轴结束的方向对齐
center居中对齐，space-round平分父盒子，space-bettwen两端对齐，中间平分
align-items设置侧轴对齐方式：flex-start从侧轴开始的方向对齐，flex-end从侧轴救赎的方向对齐，center居中对齐
baseline基线对齐,默认同flex-start ， stretch拉伸
伸缩比例：flex
扫一扫
9729
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
