Flex的Grow,Shrink,basis 发表于 2016-12-22 Flex作为CSS布局的萌新，提供了很多以前大佬已经实现和无法实现的功能。 Grow:占据主轴的剩余空间如果一行中有A B C三个容器，A的flex-grow=1, B的flex-grow=2场合，剩余空间会被分成3份填充到A和B中 Basis为Width的替代品并且有限度比Width高 Shrink当子容器的总宽度超过父容器时，设定Shrink来对各个子容器的压缩比例进行设置tips：flex环境默认是不换行的，即使父容器宽度不够也不会，除非设置flex-wrap来换行