CSS Flexible Box布局

CSS Flexible Box布局俗称Flexbox,是一个CSS 3网页布局模型。[4]它目前处于W3C的候选推荐(CR)阶段。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/

概念

编辑

大多数网页是由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).