CSS Flexible Box布局

Flexbox
CSS Flexible Box布局
原文名称	CSS Flexible Box Layout
状态	万维网联盟
开始年	2009年7月23日
最新版本	Level 1; 2018年11月9日
预览版本	Working Draft; 2021年3月25日
组织	万维网联盟; 蘋果公司; Google; 微软; Mozilla公司; Opera軟件;
委员会	CSS Working Group（英语：CSS Working Group）
编辑	Tab Atkins Jr.; Elika J. Etemad; Rossen Atanassov; Former editors Alex Mogilevsky; L. David Baron; Neil Deakin; Ian Hickson; David Hyatt; ;
基础标准	层叠样式表
缩写	Flexbox
网站	www.w3.org/TR/css-flexbox-1/

CSS Flexible Box布局俗称Flexbox，是一个CSS 3网页布局模型。^[4]它目前处于W3C的候选推荐（CR）阶段。CSS Flexible Box布局允许容器内的响应式元素根据屏幕或设备大小自动排列。

概念

大多数網頁是由HTML和CSS组合而成。HTML指定页面的内容和逻辑结构，而 CSS可以指定页面的外观，例如颜色、字体、格式、布局和样式。

CSS Flexible Box布局是一种指定HTML页面布局的特殊方式。

截至2020年9月 (2020-09)^[update], 98.69% 的已安装浏览器（99.29%的桌面浏览器和100% 的移动浏览器）支持 CSS Flexible Box布局。^[5]

^ CSS Flexible Box Layout Module Level 1 Publication History - W3C. W3C. n.d. [2021-04-08]. （原始内容存档于2022-04-25）.
^ ^2.0 ^2.1 ^2.2 ^2.3 Atkins Jr., Tab; Etemad, Elika J.; Atanassov, Rossen; Mogilevsky, Alex; Baron, L. David; Deakin, Neil; Hickson, Ian; Hyatt, David (编). CSS Flexible Box Layout Module Level 1. W3C. 2018-11-09 [2021-04-08]. （原始内容存档于2022-04-28）. 已忽略未知参数|collaboration= (帮助)
^ Atkins Jr, Tab; Etemad, Elika J.; Atanassov, Rossen; Mogilevsky, Alex; Baron, L. David; Deakin, Neil; Hickson, Ian; Hyatt, David (编). CSS Flexible Box Layout Module Level 1. CSS Working Group Editor Drafts. 2021-03-25 [2021-04-08]. （原始内容存档于2022-03-17）.
^ Basic concepts of flexbox. MDN Web Docs. n.d. [2021-04-08]. （原始内容存档于2022-05-02）.
^ CSS Flexible Box Layout Module. Can I use. [2020-09-03]. （原始内容存档于2016-02-23）.