flex布局(3)-补充

flex布局-补充

Property #1: Order

改变子元素的顺序。order越大,排在越后面,默认情况下,order值为0。

Property #2: flex-wrap

当父容器过小时,使用flex-wrap: wrap可以自动换行。

该属性接受3个属性值

  • nowrap: 所有的元素都在一行。
  • wrap: 元素自动换成多行。
  • wrap-reverse: 元素自动换成逆序的多行,即从cross asix的末尾开始,向头部填充新行。

Property #3: flex-flow

flex-flow,属性flex-direction和flex-wrap的集合。

例如flex-flow: row wrap,等同于
flex-direction: row;flex-wrap:wrap

Property #4:align-content

与justify-content的属性值相同,justify-content改变的是行中元素的相对位置,而align-content改变的是行与行的位置关系。

与align-items相比,align-items是决定元素的整体位置,而align-content决定行之间的间隔。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容