Slight rewrite of flex-pack to make it clear it's per-line.

Author: tabatkins

css3-flexbox/Overview.html

@@ -1107,53 +1107,61 @@ <h3 id=flex-pack><span class=secno>5.1. </span> Main Axis Alignment: the
      <td>visual
   </table>
 
-  <p>Between and around the margins of <a href="#flexbox-item"><i>flexbox
-   items</i></a> there are additional flexible lengths, called <dfn
-   id=packing-space>packing space</dfn>. Packing space can absorb leftover
-   free space in a flexbox if there aren't any other <a
-   href="#flexible-length0"><i>flexible length</i></a>s, or if all the <a
-   href="#flexible-length0"><i>flexible length</i></a>s have reached their
+  <p>Between and around <a href="#flexbox-item"><i>flexbox items</i></a>
+   there are additional flexible lengths called <dfn id=packing-space
+   title="packing space|packing spaces">packing spaces</dfn>. <a
+   href="#packing-space"><i>Packing spaces</i></a> can absorb leftover free
+   space in a flexbox line if there aren't any other <a
+   href="#flexible-length0"><i>flexible lengths</i></a>, or if all the <a
+   href="#flexible-length0"><i>flexible lengths</i></a> have reached their
    maximum size. The &lsquo;<a href="#flex-pack0"><code
    class=property>flex-pack</code></a>&rsquo; property defines the
-   flexibility of these packing spaces:
+   flexibility of <a href="#packing-space"><i>packing spaces</i></a>:
 
   <dl>
    <dt><dfn id=flex-pack-start>start</dfn>
 
-   <dd><a href="#flexbox-item"><i>flexbox items</i></a> are packed toward the
-    start of the flexbox. The last packing space (between the margin of the
-    last flexbox item and the edge of the flexbox) must absorb all leftover
-    free space; all other packing spaces must have a length of &lsquo;<code
+   <dd><a href="#flexbox-item"><i>Flexbox items</i></a> are packed toward the
+    start of the flexbox line. The last <a href="#packing-space"><i>packing
+    space</i></a> on the line (between the margin of the last <a
+    href="#flexbox-item"><i>flexbox item</i></a> on the line and the edge of
+    the flexbox) must absorb all leftover free space; all other packing
+    spaces on the line must have a length of &lsquo;<code
     class=css>0</code>&rsquo;.
 
    <dt><dfn id=flex-pack-end>end</dfn>
 
-   <dd><a href="#flexbox-item"><i>flexbox items</i></a> are packed toward the
-    end of the flexbox. The first packing space (between the edge of the
-    flexbox and the margin of the first flexbox item) must absorb all
-    leftover free space; all other packing spaces must have a length of
-    &lsquo;<code class=css>0</code>&rsquo;.
+   <dd><a href="#flexbox-item"><i>Flexbox items</i></a> are packed toward the
+    end of the flexbox line. The first <a href="#packing-space"><i>packing
+    space</i></a> on the line (between the edge of the flexbox and the margin
+    of the first <a href="#flexbox-item"><i>flexbox item</i></a> on the line)
+    must absorb all leftover free space; all other <a
+    href="#packing-space"><i>packing spaces</i></a> on the line must have a
+    length of &lsquo;<code class=css>0</code>&rsquo;.
 
    <dt><dfn id=flex-pack-center>center</dfn>
 
-   <dd><a href="#flexbox-item"><i>flexbox items</i></a> are packed toward the
-    center of the flexbox. The first and last packing spaces must equally
-    split all leftover free space; all other packing spaces must have a
+   <dd><a href="#flexbox-item"><i>Flexbox items</i></a> are packed toward the
+    center of the flexbox line. The first and last <a
+    href="#packing-space"><i>packing spaces</i></a> on the line must equally
+    split all leftover free space; all other <a
+    href="#packing-space"><i>packing spaces</i></a> on the line must have a
     length of &lsquo;<code class=css>0</code>&rsquo;.
 
    <dt><dfn id=flex-pack-justify>justify</dfn>
 
-   <dd><a href="#flexbox-item"><i>flexbox items</i></a> are evenly
-    distributed through the flexbox. The first and last packing spaces must
-    have a length of &lsquo;<code class=css>0</code>&rsquo;; all other
-    packing spaces must equally split all leftover free space.
+   <dd><a href="#flexbox-item"><i>Flexbox items</i></a> are evenly
+    distributed in the flexbox line. If there is more than one <a
+    href="#flexbox-item"><i>flexbox item</i></a> on the line, the first and
+    last <a href="#packing-space"><i>packing spaces</i></a> on the line must
+    have a length of &lsquo;<code class=css>0</code>&rsquo; and all other <a
+    href="#packing-space"><i>packing spaces</i></a> on the line must equally
+    split all leftover free space. Otherwise, &lsquo;<a
+    href="#flex-pack-justify"><code class=css>justify</code></a>&rsquo; must
+    act identically to &lsquo;<a href="#flex-pack-start"><code
+    class=css>start</code></a>&rsquo;.
   </dl>
 
-  <div class=figure>
-   <p class=caption><span class=issue>TODO: Provide a diagram showing packing
-    spaces.</span></p>
-  </div>
-
   <div class=example>
    <p class=issue>TODO: Examples showing the four values.</p>
   </div>
@@ -2433,6 +2441,9 @@ <h2 class=no-num id=index>Index</h2>
    <li>packing space, <a href="#packing-space" title="packing
     space"><strong>5.1.</strong></a>
 
+   <li>packing spaces, <a href="#packing-space" title="packing
+    spaces"><strong>5.1.</strong></a>
+
    <li>positive flexibility, <a href="#positive-flexibility" title="positive
     flexibility"><strong>4.1.</strong></a>
 

css3-flexbox/Overview.src.html

@@ -497,31 +497,22 @@ <h3 id='flex-pack'>
 			<td>visual
 	</table>
 
-	<p>Between and around the margins of <i>flexbox items</i> there are additional 
-	flexible lengths, called <dfn>packing space</dfn>.  Packing space can absorb 
-	leftover free space in a flexbox if there aren't any other <i>flexible length</i>s, 
-	or if all the <i>flexible length</i>s have reached their maximum size.  The 
-	'flex-pack' property defines the flexibility of these packing spaces:
+	<p>Between and around <i>flexbox items</i> there are additional flexible lengths called <dfn id="packing-space" title="packing space|packing spaces">packing spaces</dfn>.  <i>Packing spaces</i> can absorb leftover free space in a flexbox line if there aren't any other <i>flexible lengths</i>, or if all the <i>flexible lengths</i> have reached their maximum size.  The 'flex-pack' property defines the flexibility of <i>packing spaces</i>:</p>
 
 	<dl>
 		<dt><dfn id='flex-pack-start'>start</dfn></dt>
-		<dd><i>flexbox items</i> are packed toward the start of the flexbox.  The last packing space (between the margin of the last flexbox item and the edge of the flexbox) must absorb all leftover free space; all other packing spaces must have a length of ''0''.</dd>
+		<dd><i>Flexbox items</i> are packed toward the start of the flexbox line.  The last <i>packing space</i> on the line (between the margin of the last <i>flexbox item</i> on the line and the edge of the flexbox) must absorb all leftover free space; all other packing spaces on the line must have a length of ''0''.</dd>
 
 		<dt><dfn id='flex-pack-end'>end</dfn></dt>
-		<dd><i>flexbox items</i> are packed toward the end of the flexbox.  The first packing space (between the edge of the flexbox and the margin of the first flexbox item) must absorb all leftover free space; all other packing spaces must have a length of ''0''.</dd>
+		<dd><i>Flexbox items</i> are packed toward the end of the flexbox line.  The first <i>packing space</i> on the line (between the edge of the flexbox and the margin of the first <i>flexbox item</i> on the line) must absorb all leftover free space; all other <i>packing spaces</i> on the line must have a length of ''0''.</dd>
 
 		<dt><dfn id='flex-pack-center'>center</dfn></dt>
-		<dd><i>flexbox items</i> are packed toward the center of the flexbox.  The first and last packing spaces must equally split all leftover free space; all other packing spaces must have a length of ''0''.</dd>
+		<dd><i>Flexbox items</i> are packed toward the center of the flexbox line.  The first and last <i>packing spaces</i> on the line must equally split all leftover free space; all other <i>packing spaces</i> on the line must have a length of ''0''.</dd>
 
 		<dt><dfn id='flex-pack-justify'>justify</dfn></dt>
-		<dd><i>flexbox items</i> are evenly distributed through the flexbox.  The first and last packing spaces must have a length of ''0''; all other packing spaces must equally split all leftover free space.</dd>
+		<dd><i>Flexbox items</i> are evenly distributed in the flexbox line.  If there is more than one <i>flexbox item</i> on the line, the first and last <i>packing spaces</i> on the line must have a length of ''0'' and all other <i>packing spaces</i> on the line must equally split all leftover free space.  Otherwise, ''justify'' must act identically to ''start''.</dd>
 	</dl>
 
-	<div class=figure>
-		<p class=caption><span class=issue>TODO: Provide a diagram showing packing
-	spaces.</span></p>
-	</div>
-
 	<div class=example>
 		<p class=issue>TODO: Examples showing the four values.</p>
 	</div>