• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • php7教程
  • MySQL手册
  • apache手册
  • flex-flow

    版本:CSS3

    CSS flex-flow 属性是 flex-direction 和 flex-wrap 的简写。

    浏览器支持

    IE浏览器火狐浏览器opera浏览器chrome浏览器safari浏览器
    IE11以上版本的浏览器都支持flex-flow

    语法

    flex-flow:<flex-direction>| <flex-wrap>

    取值

    • <flex-direction>:定义弹性盒子元素的排列方向。参见<flex-direction>
    • <flex-wrap>:控制flex容器是单行或者多行。参见<flex-wrap>

    例子

    element {
      /* main-axis is the block direction with reversed main-start and main-end. flex items are laid out in multiple lines */
      flex-flow: column-reverse wrap;
    }
    

    上篇:flex-basis

    下篇:place-items