美文网首页
flex布局(3)-补充

flex布局(3)-补充

作者: 饥人谷_風逝 | 来源:发表于2017-04-12 09:38 被阅读0次

    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决定行之间的间隔。

    相关文章

      网友评论

          本文标题:flex布局(3)-补充

          本文链接:https://www.haomeiwen.com/subject/urgpattx.html