103103
104104 < h1 id =head-box-flexible > CSS Flexible Box Layout Module</ h1 >
105105
106- < h2 class ="no-num no-toc " id =w3c-working > Editor's Draft, 9 July 2012</ h2 >
106+ < h2 class ="no-num no-toc " id =w3c-working > Editor's Draft, 11 July 2012</ h2 >
107107
108108 < dl >
109109 < dt > This version:
110- <!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-flexbox-20120709 /">http://www.w3.org/TR/2012/WD-css3-flexbox-20120709 /</a>-->
110+ <!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-flexbox-20120711 /">http://www.w3.org/TR/2012/WD-css3-flexbox-20120711 /</a>-->
111111
112112
113113 < dd > < a
@@ -647,9 +647,9 @@ <h3 id=placement><span class=secno>1.2. </span> Module interactions</h3>
647647 new inline-level display type, and defining a new type of formatting
648648 context along with properties to control its layout. It also defines a new
649649 initial value for ‘< code class =property > min-width</ code > ’ and ‘< code
650- class =property > min-height</ code > ’. None of properties defined in this
651- module apply to the ‘< code class =css > ::first-line</ code > ’ or ‘ < code
652- class =css > ::first-letter</ code > ’ pseudo-elements.
650+ class =property > min-height</ code > ’. None of the properties defined in
651+ this module apply to the ‘< code class =css > ::first-line</ code > ’ or
652+ ‘ < code class =css > ::first-letter</ code > ’ pseudo-elements.
653653
654654 < h3 id =values > < span class =secno > 1.3. </ span > Values</ h3 >
655655
@@ -2397,7 +2397,7 @@ <h3 id=justify-content-property><span class=secno>8.2. </span> Axis
23972397
23982398 < dd > < a href ="#flex-item "> < i > Flex items</ i > </ a > are evenly distributed in
23992399 the line, with half-size spaces on either end. If the leftover free-space
2400- is negative o r there is only a single < a href ="#flex-item "> < i > flex
2400+ is negative or there is only a single < a href ="#flex-item "> < i > flex
24012401 item</ i > </ a > on the line, this value is identical to ‘< a
24022402 href ="#align-content-center "> < code class =css > center</ code > </ a > ’.
24032403 Otherwise, the < a href ="#flex-item "> < i > flex items</ i > </ a > on the line are
@@ -2573,10 +2573,10 @@ <h3 id=align-items-property><span class=secno>8.3. </span> Cross-axis
25732573 class =property > baseline</ code > ’‘< code class =css > </ code > </ dfn >
25742574
25752575 < dd >
2576- < p > If the < a href ="#flex-item "> < i > flex item</ i > </ a > ’ s inline axis is
2577- the same as the < a href ="#cross-axis "> < i > cross axis</ i > </ a > , this value
2578- is identical to ‘< a href ="#align-content-flex-start "> < code
2579- class =css > flex-start</ code > </ a > ’.
2576+ < p > If the < a href ="#flex-item "> < i > flex item</ i > </ a > ' s inline axis
2577+ is the same as the < a href ="#cross-axis "> < i > cross axis</ i > </ a > , this
2578+ value is identical to ’ ‘< a href ="#align-content-flex-start "> < code
2579+ class =property > flex-start</ code > </ a > ’‘ < code class = css > . </ code >
25802580
25812581 < p > Otherwise, it participates in baseline alignment: all participating
25822582 < a href ="#flex-item "> < i > flex items</ i > </ a > on the line are aligned such
@@ -2586,17 +2586,18 @@ <h3 id=align-items-property><span class=secno>8.3. </span> Cross-axis
25862586 against the < a href ="#cross-start "> < i > cross-start</ i > </ a > edge of the
25872587 line.
25882588
2589- < dt > < dfn id =align-items-stretch > ‘< code class = css > stretch </ code > ’ </ dfn >
2590-
2589+ < dt > < dfn id =align-items-stretch > ’ ‘< code
2590+ class = property > stretch </ code > ’‘ < code class = css > </ code > </ dfn >
25912591
25922592 < dd >
25932593 < p > If the < a href ="#cross-size-property "> < i > cross size property</ i > </ a >
2594- of the < a href ="#flex-item "> < i > flex item</ i > </ a > is ‘< a
2595- href ="#align-self-auto "> < code class =css > auto</ code > </ a > ’, its used
2596- value is the length necessary to make the < a href ="#cross-size "> < i > cross
2597- size</ i > </ a > of the item's margin box as close to the same size as the
2598- line as possible, while still respecting the constraints imposed by
2599- ‘< code class =css > min/max-width/height</ code > ’.
2594+ of the < a href ="#flex-item "> < i > flex item</ i > </ a > is ’‘< a
2595+ href ="#align-self-auto "> < code class =property > auto</ code > </ a > ’‘< code
2596+ class =css > , its used value is the length necessary to make the < a
2597+ href ="#cross-size "> < i > cross size</ i > </ a > of the item</ code > ’s margin
2598+ box as close to the same size as the line as possible, while still
2599+ respecting the constraints imposed by ‘< code
2600+ class =css > min/max-width/height</ code > ’.
26002601
26012602 < p class =note > Note that if the flex container's height is constrained
26022603 this value may cause the contents of the < a href ="#flex-item "> < i > flex
@@ -2995,8 +2996,8 @@ <h3 id=main-sizing><span class=secno>9.3. </span> Main Size Determination</h3>
29952996 < li id =algo-flex > < strong > < a href ="#resolve-flexible-lengths "> Resolve the
29962997 flexible lengths</ a > </ strong > of all the flex items to find their used
29972998 main size, and < strong > determine their < dfn
2998- id =hypothetical-cross-size > hypothetical cross size</ dfn > </ strong > from
2999- this main size.
2999+ id =hypothetical-cross-size > hypothetical cross size</ dfn > </ strong >
3000+ assuming this main size. (See section 9.7.)
30003001 </ ol >
30013002
30023003 < h3 id =cross-sizing > < span class =secno > 9.4. </ span > Cross size determination</ h3 >
@@ -3280,8 +3281,9 @@ <h3 id=pagination-algo><span class=secno>10.1. </span> Sample Flex
32803281 Fragmentation Algorithm</ h3 >
32813282
32823283 < p > This informative section presents a possible fragmentation algorithm
3283- for flex containers. UAs are encouraged to improve on this algorithm and
3284- < a href ="#status "> provide feedback to the CSS Working Group</ a > .
3284+ for flex containers. Implementors are encouraged to improve on this
3285+ algorithm and < a href ="#status "> provide feedback to the CSS Working
3286+ Group</ a > .
32853287
32863288 < div class =example >
32873289 < p class =note > This algorithm assumes that pagination always proceeds only
0 commit comments