35 flex:1 是哪些属性组成的

• flex 实际上是 flex-grow、flex-shrink 和 flex-basis 三个属性的缩写。
• flex-grow：定义项目的的放大比例；
  • 默认为0，即 即使存在剩余空间，也不会放大；
  • 所有项目的flex-grow为1：等分剩余空间（自动放大占位）；
  • flex-grow为n的项目，占据的空间（放大的比例）是flex-grow为1的n倍
• flex-shrink：定义项目的缩小比例；
  • 默认为1，即 如果空间不足，该项目将缩小；
  • 所有项目的flex-shrink为1：当空间不足时，缩小的比例相同；
  • flex-shrink为0：空间不足时，该项目不会缩小；
  • flex-shrink为n的项目，空间不足时缩小的比例是flex-shrink为1的n倍。
• flex-basis： 定义在分配多余空间之前，项目占据的主轴空间（main size），浏览器根据此属性计算主轴是否有多余空间
  • 默认值为auto，即 项目原本大小；
  • 设置后项目将占据固定空间。