flex项目简写

flex属性是flex-grow,flex-shrink和flex-basis的简写，默认值为0 1 auto（不能放大，可以缩小，基准值auto）。后两个属性可选。

  1. // 默认1，设置0拥挤不压缩
  2. flex-shrink: 0
  4. // 默认0，设置1是会自动填充放大
  5. flex-grow: 0
  7. // 设置最小宽度
  8. flex-basis: 200px;
  10. // 简写，基准值200px不能放大不能缩小
  11. flex: 0 0 200px;

一侧固定另一侧宽度随屏幕大小

  1. // method1
  2. // 左侧项目设置
  3. flex:none；
  4. width:200px;
  6. // method2 
  7. // 左侧项目设置
  8. flex:0 0 200px

两个在最左边一个在最右边

  1. // 容器设置
  2. flex-direction: start;
  3. // 最右边的元素设置
  4. margin-left:auto