CSS3中新的布局方式flex box

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

---

背景：

• 为了更高效


• 赋予container更强的能力，改变其中元素的宽高甚至排序


• 最重要的是flexbox layout完全不同于常规的布局方式，flex layout 的布局方向是不可知的。


• block which is vertically-based and inline which is horizontally-based


• flex layout 更加适合小规模布局，grid 更加适合大规模复杂布局。