2121
2222 < h1 id =head-box-flexible > CSS Flexible Box Layout Module</ h1 >
2323
24- < h2 class ="no-num no-toc " id =w3c-working > Editor's Draft, 15 June 2011</ h2 >
24+ < h2 class ="no-num no-toc " id =w3c-working > Editor's Draft, 16 June 2011</ h2 >
2525
2626 < dl >
2727 < dt > This version:
2828
29- < dd > <!-- <a href="http://www.w3.org/TR/2011/WD-css3-flexbox-20110615 /">http://www.w3.org/TR/2011/WD-css3-flexbox-20110615 /</a></dd> -->
29+ < dd > <!-- <a href="http://www.w3.org/TR/2011/WD-css3-flexbox-20110616 /">http://www.w3.org/TR/2011/WD-css3-flexbox-20110616 /</a></dd> -->
3030 < a
3131 href ="http://dev.w3.org/csswg/css3-flexbox/ "> http://dev.w3.org/csswg/css3-flexbox/</ a >
3232
@@ -602,9 +602,9 @@ <h3 id=resolving-flexible-lengths><span class=secno>5.1. </span> Resolving
602602 space. For example, for a horizontal flexbox, the lengths of the left and
603603 right margins, left and right borders, left and right paddings, and widths
604604 of all < a href ="#flexbox-item "> < i > flexbox item</ i > </ a > s share the width of
605- the flexbox itself. Conversely, each < a href ="#flexbox-item "> < i > flexbox
606- item</ i > </ a > ‘ < code class = css > s vertical margins, borders, padding ,
607- and height individually share the height of the flexbox.</ code >
605+ the flexbox itself. Conversely, each < a href ="#flexbox-item "> < i
606+ title =" flexbox item" > flexbox item's </ i > </ a > vertical margins, borders,
607+ padding, and height individually share the height of the flexbox.
608608
609609 < div class =figure >
610610 < p class ="caption issue "> TODO: Diagram showing the relevant lengths in
@@ -626,11 +626,12 @@ <h3 id=resolving-flexible-lengths><span class=secno>5.1. </span> Resolving
626626 flexibility</ dfn > shrink in proportion to their flexibility to try and
627627 make the sum equal the available width/height.
628628
629- < p > The ’flex-pack' and ‘< a href ="#flex-align0 "> < code
630- class =property > flex-align</ code > </ a > ’ properties offer more complex
631- control over free-space distribution. The precise details of how free
632- space is determined and assigned to flexible lengths is detailed in a
633- later chapter.
629+ < p > The ‘< a href ="#flex-pack0 "> < code
630+ class =property > flex-pack</ code > </ a > ’ and ‘< a
631+ href ="#flex-align0 "> < code class =property > flex-align</ code > </ a > ’
632+ properties offer more complex control over free-space distribution. The
633+ precise details of how free space is determined and assigned to flexible
634+ lengths is detailed in a later chapter.
634635
635636 < h3 id =fraction-unit > < span class =secno > 5.2. </ span > The ‘< code
636637 class =css > fr</ code > ’ unit</ h3 >
@@ -812,7 +813,7 @@ <h2 id=flex-pack><span class=secno>6. </span> The ‘<a
812813
813814 < dd > < a href ="#flexbox-item "> < i > flexbox item</ i > </ a > s are packed toward the
814815 end of the flexbox. The first packing space (between the edge of the
815- flexbox and the margin of the first flexbox item ) must absorb all
816+ flexbox and the margin of the first flexbox item) must absorb all
816817 leftover free space; all other packing spaces must have a length of
817818 ‘< code class =css > 0</ code > ’.
818819
@@ -1023,8 +1024,8 @@ <h3 id=initial-computation><span class=secno>8.1. </span> Initial
10231024 < li >
10241025 < p > Resolve all < a href ="#relevant-length "> < i > relevant length</ i > </ a > s on
10251026 the flexbox and its < a href ="#flexbox-item "> < i > flexbox item</ i > </ a > s
1026- into < dfn id =flex-tuples > flex tuples</ dfn > of [preferred size, minimum
1027- size, maximum size, positive flex, negative flex].</ p >
1027+ into < dfn id =flex-tuples > flex tuples</ dfn > of [minimum size, maximum
1028+ size, preferred size, positive flex, negative flex].</ p >
10281029
10291030 < dl >
10301031 < dt > For margins and padding:
@@ -1035,11 +1036,6 @@ <h3 id=initial-computation><span class=secno>8.1. </span> Initial
10351036 < p > If the length is inflexible, set the preferred size to the length
10361037 itself and both positive and negative flexibility to 0.</ p >
10371038
1038- < p > Otherwise, if the length was specified with the ‘< code
1039- class =css > flex()</ code > ’ function, set the positive flexibility,
1040- negative flexibility, and preferred size to the values specified in
1041- the function.</ p >
1042-
10431039 < p > If the length is a margin with the value ‘< code
10441040 class =css > auto</ code > ’, set the preferred size to 0, the
10451041 positive flexibility to 1, and the negative flexibility to 0.</ p >
0 commit comments