flex-flow
是一个对flex-direction
和flex-wrap
的混合简写。也许你还记得,flex-direction
的默认值是row
,flex-wrap
的默认值是nowrap
,所以下面的值无需再显式声明。
.hb-shelf {
flex-flow : row nowrap; }
无论是flex-direction
还是flex-wrap
,都是强大的布局属性,但是当组合使用它们时,会让很多新手感觉非常困难,甚至很多已经用惯的老方法无法使用。可以理解,flexbox技术才刚刚起步,当你看到那些改变弹性元素大小或者元素排列的奇巧淫技时,我相信你一定会和我一样,兴高采烈地使用这个富有想象力的技术来改进设计。