跳至內容

CSS Flexible Box佈局

維基百科,自由的百科全書
Flexbox
CSS Flexible Box佈局
原文名稱
CSS Flexible Box Layout
狀態萬維網聯盟
開始年2009年7月23日 (2009-07-23)[1]
最新版本Level 1[2]
2018年11月9日 (2018-11-09)[2]
預覽版本Working Draft
2021年3月25日 (2021-03-25)[3]
組織
委員會CSS Working Group英語CSS Working Group[2]
編輯
  • Tab Atkins Jr.
  • Elika J. Etemad
  • Rossen Atanassov
Former editors
    • Alex Mogilevsky
    • L. David Baron
    • Neil Deakin
    • Ian Hickson
    • David Hyatt
[2]
基礎標準層疊樣式表
縮寫Flexbox
網站www.w3.org/TR/css-flexbox-1/

CSS Flexible Box佈局俗稱Flexbox,是一個CSS 3網頁佈局模型。[4]它目前處於W3C的候選推薦(CR)階段。CSS Flexible Box佈局允許容器內的響應式元素根據屏幕或設備大小自動排列。

概念

[編輯]

大多數網頁是由HTMLCSS組合而成。HTML指定頁面的內容和邏輯結構而 CSS可以指定頁面的外觀,例如顏色、字體、格式、佈局和樣式。

CSS Flexible Box佈局是一種指定HTML頁面佈局的特殊方式。

歷史

[編輯]

截至2020年9月 (2020-09), 98.69% 的已安裝瀏覽器(99.29%的桌面瀏覽器和100% 的移動瀏覽器)支持 CSS Flexible Box佈局。[5]

參考文獻

[編輯]
  1. ^ CSS Flexible Box Layout Module Level 1 Publication History - W3C. W3C. n.d. [2021-04-08]. (原始內容存檔於2022-04-25). 
  2. ^ 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= (幫助)
  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. CSS Working Group Editor Drafts. 2021-03-25 [2021-04-08]. (原始內容存檔於2022-03-17). 
  4. ^ Basic concepts of flexbox. MDN Web Docs. n.d. [2021-04-08]. (原始內容存檔於2022-05-02). 
  5. ^ CSS Flexible Box Layout Module. Can I use. [2020-09-03]. (原始內容存檔於2016-02-23).