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）.