我正在研究CSS3灵活模型。我查看了MDN's page关于它我觉得我有一般概念，但我不明白以下属性是如何工作的：
flex-basis ：CSS flex-basis属性指定弹性基础，它是弹性项目的初始主要大小。
flex-grow ：CSS flex-grow属性指定弹性项目的弹性增长因子。
flex-shrink ：CSS flex-shrink属性指定弹性项目的弹性收缩因子。
我还尝试修改MDN上链接的沙箱http://demo.agektmr.com/flexbox/和http://the-echoplex.net/flexyboxes/，但我仍然没有受到启发。
您能否详细说明这些属性以帮助理解其含义？
答案 0 :(得分：1)
正如@cimmanon在评论中所建议的那样，w3规范更好地解释了它：http://www.w3.org/TR/2012/CR-css3-flexbox-20120918/#flex：
简而言之：
flex-basis 指定弹性项目的初始主要大小，然后根据弹性因子分配可用空间。
flex-grow 控制正可用空间的分布（当容器的大小大于显示弹性项目所需的大小时）
flex-shrink 控制否定空间的分布（当容器尺寸小于显示项目所需的尺寸时）