跳至內容

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布局允許容器內的響應式元素根據屏幕或設備大小自動排列。

概念

[編輯]

大多數網頁是由HTML和CSS組合而成。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）. 
取自「https://zh.wikipedia.org/w/index.php?title=CSS_Flexible_Box布局&oldid=71576880」