第 154 题：弹性盒子中 flex: 0 1 auto 表示什么意思

答：

• flex 属性的含义是：用于指弹性子元素如何分配空间。
• flex：flex-grow flex-shrink flex-basis
  • flex-grow: 容器大于子元素的时候，子元素如何扩展
  • flex-shrink: 容器小于子元素的时候，子元素如何收缩
  • flex-basis: 子元素在主轴方向上的初始尺寸，比如flex-direction: row;时为宽度，flex-direction为column的时候，则为高度。他的值有auto | number | inherit | initail，如果值为auto，则 width有更高的优先级。如果设置了其他值，则flex-basis有更高的优先级，具体为：flex-basis(limited by minWidth and maxWidth) > width
• 所以意思是，当容器宽度多的时候，不会扩大。而宽度不够的时候，会等比缩小。且如果设置了宽度，则为width的值，如果没设置宽度，则为实际内容。