Viven

8小时计划!

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

首选父元素设置 display:flex;

子元素的内容必须是在文档流中。

方向:

flex-direction 默认row  按行排列

        row-reverse 反向行排列

        column 从上到下

        column-reverse 从下到上

2.flex-wrap  no-wrap 默认不换行。

      wrap 换行

      wrap-reverse 反向换行

3. flex-flow 默认 initial  <flex-direction>|< flex-wrap>

4.order 排列顺序 -1 0 1 

 

弹性相关属性

  1.flex-basis 

  2.flex-grow 等分空间

  3.flex-shrink 负数空间

最重要的 flex 

  

 

posted on 2017-04-17 16:04  Viven张  阅读(165)  评论(0编辑  收藏  举报