weixin_45618535的博客

布局的传统解决方案，基于盒子模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，现在就能很安全地使用这项功能。

这样的话，所有的布局方法都可以使用这些属性。你可以使用Flexbox弹性布局作为Grid网格布局的后备方案，因为在较旧的浏览器中对Flexbox弹性布局有更好的支持。根据经验，如果要为flex items添加宽度，以便使包装的flex容器的一行中的项目与上面的项目对齐，那么确实需要二维布局。一个微小的组件可以是二维的，而一个大的布局可以用一维的布局更好地表示。我的理解是不同的语言写作习惯是不一样的，例如我们常用到或者涉及到的中英文都是从左往右的，但是阿拉伯文、希伯来文、波斯文这些都是从右往左写的。

默认主轴方向row，项目在主轴上的排列spsce-between(两端对齐)，项目在交叉轴上排列flex-end。默认主轴方向row，项目在主轴上的排列spsce-between(两端对齐)，项目在交叉轴上排列center。主轴方向为column，主轴上项目排列为space-between，在交叉轴上居中center。主轴方向为column，主轴上项目排列为space-between，在交叉轴上flex-end。默认主轴方向row，项目在主轴上的排列space-between（两端对齐）