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)[update], 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). 
產品及
標準
推薦
  • ActivityPub
  • Activity Streams英语Activity Streams (format)
  • ARIA英语WAI-ARIA
  • Canonical XML
  • CDF英语Compound Document Format
  • 階層式樣式表
    • CSS動畫
    • CSS Flexible Box布局
    • CSS Grid 布局英语CSS grid layout
  • 文档对象模型
  • 地理位置API英语W3C Geolocation API
  • HTML
  • Indexed Database API
  • ITS英语Internationalization Tag Set
  • JSON-LD英语JSON-LD
  • Linked Data Notifications英语Linked Data Notifications
  • MathML
  • Micropub英语Micropub (protocol)
  • OWL
  • P3P
  • PLS英语Pronunciation Lexicon Specification
  • RDF
    • RDF Schema英语RDF Schema
  • 語音識別的語義解釋英语Semantic Interpretation for Speech Recognition
  • SISR英语Semantic Interpretation for Speech Recognition
  • SKOS
  • SMIL
  • SOAP
  • SRGS英语Speech Recognition Grammar Specification
  • SRI英语Subresource Integrity
  • SSML
  • 可縮放向量圖形
    • SVG 濾鏡英语SVG filter effects
  • SCXML英语SCXML
  • SHACL英语SHACL
  • SPARQL
  • Timed text
  • VoiceXML
  • WoT英语Web of Things
    • TD英语Thing Description
  • 网页存储
  • WSDL
  • XForms
  • XHTML
    • XHTML+RDFa英语XHTML+RDFa
  • XInclude英语XInclude
  • XLink
  • 可扩展标记语言
记录
  • IndieAuth英语IndieAuth
  • XAdES英语XAdES
  • XHTML+SMIL英语XHTML+SMIL
  • XUP
工作草案
  • CCXML英语Call Control eXtensible Markup Language
  • CURIE英语CURIE
  • EME
  • InkML
  • JSON-LD
  • MSE
  • RIF
  • SCXML英语SCXML
  • SMIL時間表英语SMIL Timesheets
  • sXBL英语sXBL
  • WICD英语Web Integration Compound Document
  • XFDL英语Extensible Forms Description Language
  • XFrames英语XFrames
  • XBL
  • XMLHttpRequest
檢測
倡議
  • 多通道交互活動(MMI)英语W3C MMI
  • 驗証服務
  • 無障礙網頁倡議英语Web Accessibility Initiative
  • 網絡平台英语WebPlatform
棄用
  • C-HTML
  • HDML英语Handheld Device Markup Language
  • JSSS英语JavaScript Style Sheets
  • PGML英语Precision Graphics Markup Language
  • VML
  • XHTML+MathML+SVG英语XHTML+MathML+SVG
機構
  • 萬維網基金會英语World Wide Web Foundation
工作小組
  • SVG英语SVG Working Group
  • CSS英语CSS Working Group
  • HTML英语HTML Working Group
  • WebOnt(語義網活動)英语WebOnt
  • 設備描述(DDWG)英语W3C Device Description Working Group
  • 網頁超文本技術工作小組(WHATWG)
軟件
瀏覽器
  • Line Mode (1990年-)
  • Arena (1993年-1998年)
  • Agora (1994年-1997年)英语Agora (web browser)
  • Argo (1994年-1997年)英语Argo (web browser)
  • Amaya (瀏覽器及編輯器,1996年-2012年)
會議
  • 國際萬維網大會(WWW大會)英语International World Wide Web Conference
    • 督導委員會(IW3C2)英语International World Wide Web Conferences Steering Committee
    • 第一屆(WWW1,1994年)英语First International Conference on the World-Wide Web