<-- home

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 更加适合大规模复杂布局。