css flex 教程

css flex 子元素flex属性

css flex 子元素flex属性是flex-grow, flex-shrink 和 flex-basis的简写方式,默认值为0 1 auto,后两个属性可选。

#boxs
  {
        width:60%;
        height:100px;
        border:1px solid #333;
        display:flex;
  }
#boxs div
  {
        width:60%; 
        flex-grow:0;
        flex-shrink:1;
        flex-basis:1000px;
  }
 等同于
 #boxs
  {
        width:60%;
        height:100px;
        border:1px solid #333;
        display:flex;
  }
  #boxs div
  {
        width:60%; 
        flex:0 1 1000px; 
  }


Catalog
css flex 教程 父元素属性 flex-direction 属性 flex-wrap 属性 flex-flow 属性 justify-content 属性 align-items 属性 align-content 属性 子元素属性 order 属性 flex-grow 属性 flex-shrink 属性 flex-basis 属性 flex 属性 align-self 属性 常见用例 左边固定右边自适应 右边固定左边自适应 两边固定中间自适应 上下固定中间自适应 css flex 1 省略号