CSS3中新的布局方式flex box

<p>下面是文章的翻译，概要，来自这篇文章。<a href="https://css-tricks.com/snippets/css/a-guide-to-flexbox/">https://css-tricks.com/snippets/css/a-guide-to-flexbox/</a></p>

<h3>背景：</h3>
<ul>
<li>为了更高效</li>
<li>赋予container更强的能力，改变其中元素的宽高甚至排序</li>
<li>最重要的是flexbox layout完全不同于常规的布局方式，flex layout 的布局方向是不可知的。</li>
<li>block which is vertically-based and inline which is horizontally-based</li>
<li>flex layout 更加适合小规模布局，grid 更加适合大规模复杂布局。</li>
</ul>