- From: Bert Bos via cvs-syncmail <cvsmail@w3.org>
- Date: Tue, 22 Mar 2011 16:54:59 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-flexbox
In directory hutz:/tmp/cvs-serv20124
Modified Files:
Overview.html
Log Message:
Generated. Do not edit!
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-flexbox/Overview.html,v
retrieving revision 1.19
retrieving revision 1.20
diff -u -d -r1.19 -r1.20
--- Overview.html 21 Mar 2011 22:29:15 -0000 1.19
+++ Overview.html 22 Mar 2011 16:54:57 -0000 1.20
@@ -3,12 +3,6 @@
<html>
<head>
<title>Flexible Box Layout Module</title>
- <link href="http://www.w3.org/StyleSheets/TR/W3C-ED" rel=stylesheet
- type="text/css">
- <!-- TODO: remove before build -->
- <link href="http://dev.w3.org/csswg/default.css" rel=stylesheet>
- <link href="http://www.w3.org/StyleSheets/TR/W3C-ED" rel=stylesheet
- type="text/css">
<link href="../default.css" rel=stylesheet type="text/css">
<style type="text/css">
@@ -16,17 +10,23 @@
dd > p { text-indent: 0; }
a > b { font-weight: normal; color: #800; }
</style>
+ <link href="http://www.w3.org/StyleSheets/TR/W3C-ED" rel=stylesheet
+ type="text/css">
+ <!-- TODO: change before build -->
<body>
- <div class=head>
+ <div class=head> <!--begin-logo-->
+ <p><a href="http://www.w3.org/"><img alt=W3C height=48
+ src="http://www.w3.org/Icons/w3c_home" width=72></a> <!--end-logo-->
+
<h1 id=head-box-flexible>Flexible Box Layout Module</h1>
- <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 21 March 2011</h2>
+ <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 22 March 2011</h2>
<dl>
<dt>This version:
- <dd><!-- <a href="http://www.w3.org/TR/2011/WD-css3-flexbox-20110321/">http://www.w3.org/TR/2011/WD-css3-flexbox-20110321/</a></dd> -->
+ <dd><!-- <a href="http://www.w3.org/TR/2011/WD-css3-flexbox-20110322/">http://www.w3.org/TR/2011/WD-css3-flexbox-20110322/</a></dd> -->
<a
href="http://dev.w3.org/csswg/css3-flexbox/">http://dev.w3.org/csswg/css3-flexbox/</a>
@@ -37,6 +37,12 @@
href="http://www.w3.org/TR/css3-flexbox/">http://www.w3.org/TR/css3-flexbox/</a>
+ <dt>Previous version:
+
+ <dd><a
+ href="http://www.w3.org/TR/2009/WD-css3-flexbox-20090723/">http://www.w3.org/TR/2009/WD-css3-flexbox-20090723/</a>
+
+
<dt>Editors:
<dd>Tab Atkins Jr. <a
@@ -76,96 +82,127 @@
and <a
href="http://www.w3.org/Consortium/Legal/copyright-documents">document
use</a> rules apply.</p>
- <!--end-copyright--></div>
+ <!--end-copyright-->
+ <hr title="Separator for header">
+ </div>
- <hr>
+ <h2 class="no-num no-toc" id=abstract>Abstract</h2>
- <div>
- <h2 class="no-num no-toc" id=abstract>Abstract</h2>
+ <p>The draft describes a CSS box model optimized for interface design. It
+ provides an additional layout system alongside the ones already in CSS. <a
+ href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a> In this new box
+ model, the children of a box are laid out either horizontally or
+ vertically, and unused space can be assigned to a particular child or
+ distributed among the children by assignment of "flex" to the children
+ that should expand. Nesting of these boxes (horizontal inside vertical, or
+ vertical inside horizontal) can be used to build layouts in two
+ dimensions. This model is based on the box model in the XUL user-interface
+ language used for the user interface of many Mozilla-based applications
+ (such as Firefox).
- <p>The draft describes a CSS box model optimized for interface design. It
- provides an additional layout system alongside the ones already in CSS.
- <a href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a> In this new
- box model, the children of a box are laid out either horizontally or
- vertically, and unused space can be assigned to a particular child or
- distributed among the children by assignment of "flex" to the children
- that should expand. Nesting of these boxes (horizontal inside vertical,
- or vertical inside horizontal) can be used to build layouts in two
- dimensions. This model is based on the box model in the XUL
- user-interface language used for the user interface of many Mozilla-based
- applications (such as Firefox).</p>
- </div>
+ <h2 class="no-num no-toc" id=status>Status of this document</h2>
+ <!--begin-status-->
- <div>
- <h2 class="no-num no-toc" id=table>Table of contents</h2>
- <!--begin-toc-->
- <ul class=toc>
- <li><a href="#overview"><span class=secno>1. </span> Overview</a>
+ <p>This is a public copy of the editors' draft. It is provided for
+ discussion only and may change at any moment. Its publication here does
+ not imply endorsement of its contents by W3C. Don't cite this document
+ other than as work in progress.
- <li><a href="#display-flexbox"><span class=secno>2. </span> New values
- for ‘<code class=property>display</code>’ property</a>
+ <p>The (<a
+ href="http://lists.w3.org/Archives/Public/www-style/">archived</a>) public
+ mailing list <a
+ href="mailto:www-style@w3.org?Subject=%5Bcss3-flexbox%5D%20PUT%20SUBJECT%20HERE">
+ www-style@w3.org</a> (see <a
+ href="http://www.w3.org/Mail/Request">instructions</a>) is preferred for
+ discussion of this specification. When sending e-mail, please put the text
+ “css3-flexbox” in the subject, preferably like this:
+ “[<!---->css3-flexbox<!---->] <em>…summary of
+ comment…</em>”
- <li><a href="#flex-direction"><span class=secno>3. </span> Flexbox
- Direction: the ‘<code class=property>flex-direction</code>’
- property</a>
+ <p>This document was produced by the <a href="/Style/CSS/members">CSS
+ Working Group</a> (part of the <a href="/Style/">Style Activity</a>).
- <li><a href="#flex-order"><span class=secno>4. </span> Display Order: the
- ‘<code class=property>flex-order</code>’ property</a>
+ <p>This document was produced by a group operating under the <a
+ href="/Consortium/Patent-Policy-20040205/">5 February 2004 W3C Patent
+ Policy</a>. W3C maintains a <a href="/2004/01/pp-impl/32061/status"
+ rel=disclosure>public list of any patent disclosures</a> made in
+ connection with the deliverables of the group; that page also includes
+ instructions for disclosing a patent. An individual who has actual
+ knowledge of a patent which the individual believes contains <a
+ href="/Consortium/Patent-Policy-20040205/#def-essential">Essential
+ Claim(s)</a> must disclose the information in accordance with <a
+ href="/Consortium/Patent-Policy-20040205/#sec-Disclosure">section 6 of the
+ W3C Patent Policy</a>.</p>
+ <!--end-status-->
- <li><a href="#flexibility"><span class=secno>5. </span> Flexibility</a>
- <ul class=toc>
- <li><a href="#resolving-flexible-lengths"><span class=secno>5.1.
- </span> Resolving Flexible Lengths</a>
+ <h2 class="no-num no-toc" id=table>Table of contents</h2>
+ <!--begin-toc-->
- <li><a href="#flex-function"><span class=secno>5.2. </span> The
- ‘<code class=css>flex()</code>’ function</a>
- </ul>
+ <ul class=toc>
+ <li><a href="#overview"><span class=secno>1. </span> Overview</a>
- <li><a href="#flex-pack"><span class=secno>6. </span> The ‘<code
- class=property>flex-pack</code>’ property</a>
+ <li><a href="#display-flexbox"><span class=secno>2. </span> New values for
+ ‘<code class=property>display</code>’ property</a>
- <li><a href="#flex-align"><span class=secno>7. </span> The ‘<code
- class=property>flex-align</code>’ property</a>
+ <li><a href="#flex-direction"><span class=secno>3. </span> Flexbox
+ Direction: the ‘<code class=property>flex-direction</code>’
+ property</a>
- <li><a href="#free-space-algorithm"><span class=secno>8. </span> Free
- Space Calculation and Distribution</a>
- <ul class=toc>
- <li><a href="#initial-computation"><span class=secno>8.1. </span>
- Initial Computation</a>
+ <li><a href="#flex-order"><span class=secno>4. </span> Display Order: the
+ ‘<code class=property>flex-order</code>’ property</a>
- <li><a href="#first-distribution-round"><span class=secno>8.2. </span>
- First Distribution Round</a>
+ <li><a href="#flexibility"><span class=secno>5. </span> Flexibility</a>
+ <ul class=toc>
+ <li><a href="#resolving-flexible-lengths"><span class=secno>5.1. </span>
+ Resolving Flexible Lengths</a>
- <li><a href="#second-distribution-round"><span class=secno>8.3. </span>
- Second Distribution Round</a>
+ <li><a href="#flex-function"><span class=secno>5.2. </span> The
+ ‘<code class=css>flex()</code>’ function</a>
+ </ul>
- <li><a href="#intermediate-computation"><span class=secno>8.4. </span>
- Intermediate Computation</a>
+ <li><a href="#flex-pack"><span class=secno>6. </span> The ‘<code
+ class=property>flex-pack</code>’ property</a>
- <li><a href="#third-distribution-round"><span class=secno>8.5. </span>
- Third Distribution Round</a>
+ <li><a href="#flex-align"><span class=secno>7. </span> The ‘<code
+ class=property>flex-align</code>’ property</a>
- <li><a href="#free-space-allocation-algorithm"><span class=secno>8.6.
- </span> Free Space Allocation Algorithm</a>
- </ul>
+ <li><a href="#free-space-algorithm"><span class=secno>8. </span> Free
+ Space Calculation and Distribution</a>
+ <ul class=toc>
+ <li><a href="#initial-computation"><span class=secno>8.1. </span>
+ Initial Computation</a>
- <li><a href="#layout-interface"><span class=secno>9. </span> Interface
- With Other Layout Algorithms</a>
+ <li><a href="#first-distribution-round"><span class=secno>8.2. </span>
+ First Distribution Round</a>
- <li class=no-num><a href="#acknowledgments">Acknowledgments</a>
+ <li><a href="#second-distribution-round"><span class=secno>8.3. </span>
+ Second Distribution Round</a>
- <li class=no-num><a href="#references">References</a>
- <ul class=toc>
- <li class=no-num><a href="#normative">Normative references</a>
- </ul>
+ <li><a href="#intermediate-computation"><span class=secno>8.4. </span>
+ Intermediate Computation</a>
- <li class=no-num><a href="#index">Index</a>
+ <li><a href="#third-distribution-round"><span class=secno>8.5. </span>
+ Third Distribution Round</a>
- <li class=no-num><a href="#property">Property index</a>
- </ul>
- <!--end-toc--></div>
+ <li><a href="#free-space-allocation-algorithm"><span class=secno>8.6.
+ </span> Free Space Allocation Algorithm</a>
+ </ul>
- <hr>
+ <li><a href="#layout-interface"><span class=secno>9. </span> Interface
+ With Other Layout Algorithms</a>
+
+ <li class=no-num><a href="#acknowledgments">Acknowledgments</a>
+
+ <li class=no-num><a href="#references">References</a>
+ <ul class=toc>
+ <li class=no-num><a href="#normative">Normative references</a>
+ </ul>
+
+ <li class=no-num><a href="#index">Index</a>
+
+ <li class=no-num><a href="#property">Property index</a>
+ </ul>
+ <!--end-toc-->
<!-- ====================================================================== -->
<h2 id=overview><span class=secno>1. </span> Overview</h2>
@@ -1277,8 +1314,7 @@
<hr title="Separator from footer">
- <h2 class=no-num id=acknowledgments><a
- name=acknowledgments>Acknowledgments</a></h2>
+ <h2 class=no-num id=acknowledgments>Acknowledgments</h2>
<p>[This section will contain further acknowledgments.]
Received on Tuesday, 22 March 2011 16:55:03 UTC