本文介绍了CSS的Flex布局，包括容器属性和项目属性。容器属性如flex-direction、flex-wrap和justify-content用于控制项目的排列方向、换行方式和水平对齐；项目属性如order、flex-grow和flex-shrink则影响项目的排列顺序和大小调整。Flex布局能方便地实现各种响应式页面布局。
布局的传统解决方案，基于盒模型，依赖 display 属性 + position属性 + float属性。 Flex 布局，可以简便、完整、响应式地实现各种页面布局。
一、flex布局属性
容器属性
1.flex-direction
取值：row(默认 横向排列) | row-reverse(横向排列 倒序) | column(纵向排列) | column-reverse(纵向排列 倒序)
2.flex-wrap
取值：nowrap(默认 不换行) | wrap(超过容器宽度换行 第一行紧贴顶部部) | wrap-reverse((超过容器宽度换行 第一行紧贴底部)
最低0.47元/天 解锁文章
4314
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
