html5 - css3 flexbox

Question

flex-grow flex-shrink flex-basis 这三个之间有什么关系？ 对应旧版box的是哪仨个？

Answer 1

可以参见 http://www.w3cplus.com/css3/a-visual-guide-to-css3-flexbox-properties....

Answer 2

flex-grow 设置伸展比率
flex-shrink 设置收缩比率
flex-basis 设置伸缩基准值

这几个值在老版 FlexBox 中应该没有对应的属性具体可参考：

• http://css.doyoe.com/properties/flexible-box/index.htm
• http://css.doyoe.com/properties/flex/index.htm