Flexbox
CSS 一维弹性盒布局模块，按主轴方向分配空间和对齐元素，适用于组件级布局
时间轴 (近 90 天)
Outlook 2016至2021的Windows版本使用Microsoft Word的渲染引擎而非浏览器引擎，导致Flexbox、CSS Grid等现代布局方式失效，开发者必须退回到嵌套表格写法
Flexbox于2012年进入主流浏览器
display: flex; align-items: center; justify-content: center 组合能实现直观的元素居中
Servo 早期使用自研的 Flow 布局引擎，近年来转向重新实现基于 CSS 规范的现代布局系统，包括对 Flexbox 和 CSS Grid 的支持
现代 CSS 拥有 Grid、Flexbox、自定义属性（CSS Variables）、容器查询等能力，可用纯 CSS 完成过去须依赖脚本或结构 hack 的复杂布局
Flex布局在父容器声明display:flex后，通过justify-content控制主轴对齐、align-items控制交叉轴对齐，可实现内容水平垂直居中
全部知识事实 (10)
在Flexbox和Grid出现之前，开发者主要依赖float属性进行布局，该属性原本设计用于文字环绕图片
90%待验证Flexbox于2009年首次提案、2012年语法稳定，专注于一维方向的空间分配和对齐
85%待验证CSS3由W3C以模块化方式持续演进，其中Flexbox和Grid是最具革命性的两个布局模块
80%待验证微信公众号环境不支持部分CSS属性，如部分Flexbox布局和外部字体引用
75%待验证Outlook 2016至2021的Windows版本使用Microsoft Word的渲染引擎而非浏览器引擎，导致Flexbox、CSS Grid等现代布局方式失效，开发者必须退回到嵌套表格写法
50%待验证Flexbox于2012年进入主流浏览器
50%待验证display: flex; align-items: center; justify-content: center 组合能实现直观的元素居中
50%待验证Servo 早期使用自研的 Flow 布局引擎，近年来转向重新实现基于 CSS 规范的现代布局系统，包括对 Flexbox 和 CSS Grid 的支持
50%待验证现代 CSS 拥有 Grid、Flexbox、自定义属性（CSS Variables）、容器查询等能力，可用纯 CSS 完成过去须依赖脚本或结构 hack 的复杂布局
50%待验证Flex布局在父容器声明display:flex后，通过justify-content控制主轴对齐、align-items控制交叉轴对齐，可实现内容水平垂直居中
50%