generated

Author: alexmog1

css3-flexbox/Overview.html

@@ -1900,7 +1900,7 @@ <h2 id=layout-algorithm><span class=secno>9. </span> Flexbox Layout
         <p>In column-direction flexbox, shrink-to-fit size of a flex item
          along the main axis is the extent in block direction that it gets
          when laid out using its &#39;fit-content&#39; as its size in inline
-         direction, using cross-size of flexbox content box as available
+         direction and using cross-size of flexbox content box as available
          measure, also as defined in <a href="#CSS3-WRITING-MODES"
          rel=biblioentry>[CSS3-WRITING-MODES]<!--{{!CSS3-WRITING-MODES}}--></a>.
          </p>
@@ -1947,9 +1947,9 @@ <h2 id=layout-algorithm><span class=secno>9. </span> Flexbox Layout
       </ul>
 
      <li>Collect as many consecutive flexbox items as possible, starting from
-      the first item, while keeping the sum of their main size smaller than
-      the flexbox's available space. If a flexbox item is sized with a
-      flexible length, then for the purpose of this step, clamp the item's
+      the first item, while keeping the sum of their margin-box main size
+      smaller than the flexbox's available space. If a flexbox item is sized
+      with a flexible length, then for the purpose of this step, clamp its
       size between its minimum and maximum main sizes. The items so collected
       form a single flexbox line.
 
@@ -2056,8 +2056,7 @@ <h2 id=layout-algorithm><span class=secno>9. </span> Flexbox Layout
    <li>Layout all items again in their final size and position.
     Implementations can determine when this step is needed and how it can be
     optimized, but for precise results it has to be assumed that this step is
-    performed, because the layout of each item&#39;s content may change when
-    ea
+    performed.
   </ol>
 
   <p>To <dfn id=resolve-the-flexible-lengths>resolve the flexible
@@ -2066,18 +2065,20 @@ <h2 id=layout-algorithm><span class=secno>9. </span> Flexbox Layout
   <ol>
    <li> Determine sign of flexibility
     <ol>
-     <li>Add sizes of all items, <i>adjusted for min/max</i>.
+     <li>Add margin-box hypothetical main sizes of all items, <i>adjusted for
+      min/max</i>.
 
-     <li>If sum of preferred sizes is less than available space, use positive
-      flexibility, otherwise use negative flexibility.
+     <li>If the sum is less than available space, use positive flexibility,
+      otherwise use negative flexibility.
     </ol>
 
     <p>for the rest of the algorithm use flexibility with the sign determined
      in this step</p>
 
    <li>Reset all flexible sizes to their preferred size
 
-   <li>Find free space by subtracting sum of item sizes from available space.
+   <li>Find free space by subtracting sum of margin-box main sizes of flexbox
+    items from available space.
 
    <li> Distribute free space proportional to flex:
     <ol>
@@ -2194,16 +2195,16 @@ <h2 id=pagination><span class=secno>10. </span> Page breaks in flexbox</h2>
      <li>
       <p>If flexbox main-axis size is definite, flexbox algorithm must be run
        first, without constraints of available space on page and using all
-       content of the flexbox. Otherwise items use the preferred size,
-       adjusted for min/max.</p>
+       content of the flexbox. Otherwise flexbox items use the preferred
+       size, adjusted for min/max.</p>
 
       <p>If page size varies and flexbox size depends on page size, this step
        has to be repeated on each page, again with the whole content of the
        flexbox.</p>
 
      <li>Set of items that will fit on current page is determined by adding
-      main-axis sizes of items until total size exceeds available space or a
-      forced break is encountered.
+      main-axis margin-box sizes of flexbox items until total size exceeds
+      available space or a forced break is encountered.
 
      <li>If border box of an item doesn’t fit in available space, a break
       inside the item is considered
@@ -2262,9 +2263,9 @@ <h2 id=pagination><span class=secno>10. </span> Page breaks in flexbox</h2>
       <p>If page size varies and flexbox size depends on page size, this step
        needs to be repeated on each page.</p>
 
-     <li>Items are sized and positioned as usual, but in block-direction
-      available space of min(remaining available space in flexbox, remaining
-      space on the page).
+     <li>Flexbox items are sized and positioned as usual, but in
+      block-direction available space of min(remaining available space in
+      flexbox, remaining space on the page).
 
      <li>Any items with baseline alignment must be aligned before considering
       breaks inside items.
@@ -2284,9 +2285,9 @@ <h2 id=pagination><span class=secno>10. </span> Page breaks in flexbox</h2>
         used.
 
        <li>If an item is broken in the previous step and its alignment is not
-        baseline, its cross-axis size is set to available space. If item
-        alignment is baseline, its cross-axis size is adjusted so that it
-        extends to exactly the end of available space.
+        baseline, its cross-axis margin-box size is set to available space.
+        If item alignment is baseline, its cross-axis size is adjusted so
+        that it extends to exactly the end of available space.
       </ol>
     </ol>