flex-flow是一个对flex-directionflex-wrap的混合简写。也许你还记得,flex-direction的默认值是rowflex-wrap的默认值是nowrap,所以下面的值无需再显式声明。

.hb-shelf { 
flex-flow : row nowrap; }

无论是flex-direction还是flex-wrap,都是强大的布局属性,但是当组合使用它们时,会让很多新手感觉非常困难,甚至很多已经用惯的老方法无法使用。可以理解,flexbox技术才刚刚起步,当你看到那些改变弹性元素大小或者元素排列的奇巧淫技时,我相信你一定会和我一样,兴高采烈地使用这个富有想象力的技术来改进设计。