flex 弹性 扩展 收缩

弹性包含了扩展和收缩，但是在一些情况下只需要扩展或者收缩，我一般习惯性用flex:1，却遇到了一个只需要用收缩的需求，查了下flex的其它相关属性，也试了一遍，总结了一下：

 

需要具有弹性盒子就设置flex:1，或者包含flex-shrink和flex-grow属性就能达到弹性盒子效果；

需要具有扩展性盒子就设置flex-grow:1，当然比例自己协调；

需要具有收缩性盒子不用说设置flex-shrik就可以了。

 

简单，多试试就行，学了不用也不会发现新大陆。