Flex 弹性布局， 友好、方便的布局方案。它已经得到了所有浏览器的支持，这意味着，只要带上前缀就可以在所有的浏览器上使用，而不用担心兼容性的问题。 布局的传统解决方案，基于盒状模型，将 display 属性 + position 属性 + float 属性组合。它对于特殊布局比如垂直居中就不容实现。 流行的 UI 框架的栅格布局也是基于盒模型，通过设置百分比和 float 来构建的。 非常流行的 Bootstrap 4.x 就是用 flex 来重新布局的，替代了之前的栅格百分比的布局方式。 Marked it afraid forgot.