CSS Flexbox 布局
参考官方文档:CSS 官方发布说明
本页依据正式 Release 与现有仓库版本证据,整理 CSS Flexbox 布局 的关键变化、兼容边界和升级检查。
版本定位
- 发布时间: 2015 年 6 月
- 维护状态: 历史版本或兼容基线;实际维护状态以官方页面为准
- 产品线: CSS
核心变化
主要功能与架构演进:
- 一维弹性盒子排版(
display: flex) - 彻底消除了传统
float浮动与inline-block垂直居中对齐的痛点
工程影响与选型建议:
全网 Web 布局的事实标准基石。
兼容与迁移
- 同时更新编译器或运行时、包管理器、构建镜像与 CI,不只修改本机版本。
- 先处理弃用警告,再验证依赖、代码生成器、原生扩展和目标平台。
- 在新旧基线分别运行测试,明确产物的最低运行时与语言版本。
版本确认
不要根据安装包名称或容器标签推断实际版本,应在目标环境执行:
bash
通过浏览器 CSS.supports() 验证目标特性生产记录至少应包含完整版本输出、操作系统或运行时基线、架构,以及所用客户端或驱动版本。
官方资料
资料核对日期:2026-08-27。