常见的前端布局模型涵盖浮动、定位和弹性盒等 CSS 技术，其中浮动和定位技术往往在制作自适应布局页面时显得不够优雅——对于浮动布局，前后端分离时代很多时候我们并不知道每行会遍历显示多少个元素，每个元素会被内容撑到多宽，所以每个元素的宽度百分比是很难去控制的；对于定位布局，在垂直居中（尤其是多个兄弟元素的垂直居中）样式上会显得比较吃力。鉴于但不限于以上两点，如今越来越多的开发者正选择弹性盒技术（即 Flex），如果你对这项技术还比较生疏， 就其基本语法、兼容性写法以及典型实现等给出介绍，希望能够帮到你。

  Flex简易教程首发于我的 ，欢迎访问。