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