CSS3中新的布局方式flex box

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

<hr>

背景：

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