- From: Alex Mogilevsky via cvs-syncmail <cvsmail@w3.org>
- Date: Mon, 05 Mar 2012 17:21:52 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-flexbox
In directory hutz:/tmp/cvs-serv14009
Modified Files:
Overview.html Overview.src.html
Log Message:
fixed typos
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-flexbox/Overview.html,v
retrieving revision 1.161
retrieving revision 1.162
diff -u -d -r1.161 -r1.162
--- Overview.html 29 Feb 2012 01:01:26 -0000 1.161
+++ Overview.html 5 Mar 2012 17:21:50 -0000 1.162
@@ -29,11 +29,11 @@
<h1 id=head-box-flexible>CSS Flexible Box Layout Module</h1>
- <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 29 February 2012</h2>
+ <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 5 March 2012</h2>
<dl>
<dt>This version:
- <!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-flexbox-20120229/">http://www.w3.org/TR/2012/ED-css3-flexbox-20120229/</a>-->
+ <!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-flexbox-20120305/">http://www.w3.org/TR/2012/ED-css3-flexbox-20120305/</a>-->
<dd><a
@@ -1555,8 +1555,8 @@
<dd>The <a href="#flexbox-item"><i>flexbox item's</i></a> margin box is
centered in the <a href="#cross-axis"><i>cross axis</i></a> within the
line. (If the <a href="#cross-size"><i>cross size</i></a> of the flexbox
- is less than than that of the <a href="#flexbox-item"><i>flexbox
- item</i></a>, it will overflow equally in both directions.)
+ is less than that of the <a href="#flexbox-item"><i>flexbox item</i></a>,
+ it will overflow equally in both directions.)
<dt><dfn id=flex-align-baseline>baseline</dfn>
@@ -1634,7 +1634,7 @@
similar to auto margins in normal flow.
<ul>
- <li>Through calculations of preferred sizes and flexible lenghts, auto
+ <li>Through calculations of preferred sizes and flexible lengths, auto
margins are considered to be zero.
<li> Immediately <em>before</em> pack and align steps, if there are
@@ -1642,7 +1642,7 @@
positive free space, the free space is distributed equally to the auto
margins.
- <li>If free space was distributied to auto margins, the following pack or
+ <li>If free space was distributed to auto margins, the following pack or
align step has no effect.
</ul>
@@ -1652,7 +1652,7 @@
<p>Note that auto margins work consistently in both dimensions, so a
simple markup like this</p>
- <pre>div { display:-ms-box;
+ <pre>div { display:flexbox;
width:4em; height:4em; background:silver;
}
p { margin:auto; }
@@ -1857,7 +1857,7 @@
<p>To lay out a flexbox and its contents, follow these steps:
<ol>
- <li value=0>Generate anonymous flexbox items around runs of continguous
+ <li value=0>Generate anonymous flexbox items around runs of contiguous
inline content in the flexbox, as described in the <a
href="#flex-items">Flexbox Items</a> section.
@@ -1886,9 +1886,9 @@
without breaking lines other than where explicit line breaks occur,
and also calculate the preferred minimum width, e.g., by trying all
possible line breaks. This module doesn't define the exact
- algorith, but it is expected that the shrink-to-fit size is calculated
- the same way as it is for floats, except in this case it is not
- affected by available space.</p>
+ algorithm, but it is expected that the shrink-to-fit size is
+ calculated the same way as it is for floats, except in this case it is
+ not affected by available space.</p>
<div class=issue>
<p>TODO: define shrink-to-fit. It works differently in row/column
@@ -2022,7 +2022,7 @@
flexbox line. For all other flexbox items, its final cross size is its
hypothetical cross size. If the result conflicts with
'min-width', 'max-width', 'min-height' or
- 'max-height', correct the result to comply the the restrictions.
+ 'max-height', correct the result to comply the restrictions.
</ol>
<p class=issue>‘<code class=property>auto</code>’ height must
@@ -2032,7 +2032,7 @@
<li>Resolve 'auto' margins on cross axis. For each flexbox item,
if its margin box cross size is smaller than cross size of its line and
it has any margins in cross direction set to 'auto', distribute
- the difference equaly to the auto margins.
+ the difference equally to the auto margins.
<li>For each flexbox line, align the flexbox items per ‘<a
href="#flex-item-align"><code
@@ -2150,7 +2150,7 @@
<p class=issue>"break-inside:avoid" in single-line horizontal should
probably be applied to flexbox too.</p>
- <li>In column-directon single-line flexbox and all multi-line flexboxes:
+ <li>In column-direction single-line flexbox and all multi-line flexboxes:
<ol>
<li>Forced break before the first item is applied to the flexbox
@@ -2191,7 +2191,7 @@
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 avaialble space or a
+ main-axis sizes of items until total size exceeds availalble space or a
forced break is encountered.
<li>If border box of an item doesn’t fit in available space, a break
@@ -2202,7 +2202,7 @@
according to ‘flex-pack’ property, independently from the rest of
flexbox content.</p>
- <p>Note that flexible lenghts are not recalculated on each page, even
+ <p>Note that flexible lengths are not recalculated on each page, even
if there is additional free space.</p>
</ol>
@@ -2326,7 +2326,7 @@
<li>Line packing is done on each page, with content on the page
</ol>
- <p class=issue>TODO: combine breaking algorightms for multiline in both
+ <p class=issue>TODO: combine breaking algorigthms for multiline in both
directions. If breaks inside items are not allowed the algorithm is
almost same.</p>
</ul>
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-flexbox/Overview.src.html,v
retrieving revision 1.159
retrieving revision 1.160
diff -u -d -r1.159 -r1.160
--- Overview.src.html 29 Feb 2012 01:01:26 -0000 1.159
+++ Overview.src.html 5 Mar 2012 17:21:50 -0000 1.160
@@ -761,7 +761,7 @@
<dd>The <i>cross-end</i> margin edge of the <i>flexbox item</i> is placed flush with the <i>cross-end</i> edge of the line.</dd>
<dt><dfn id="flex-align-center">center</dfn></dt>
- <dd>The <i>flexbox item's</i> margin box is centered in the <i>cross axis</i> within the line. (If the <i>cross size</i> of the flexbox is less than than that of the <i>flexbox item</i>, it will overflow equally in both directions.)</dd>
+ <dd>The <i>flexbox item's</i> margin box is centered in the <i>cross axis</i> within the line. (If the <i>cross size</i> of the flexbox is less than that of the <i>flexbox item</i>, it will overflow equally in both directions.)</dd>
<dt><dfn id="flex-align-baseline">baseline</dfn></dt>
<dd>
@@ -813,19 +813,19 @@
Margins on flexbox items can be set to 'auto', with effect very similar to auto
margins in normal flow. </p>
<ul>
- <li>Through calculations of preferred sizes and flexible lenghts, auto
+ <li>Through calculations of preferred sizes and flexible lengths, auto
margins are considered to be zero.</li>
<li> Immediately <em>before</em> pack and align steps, if there are any
auto margins on items in the direction of alignment and there is positive
free space, the free space is distributed equally to the auto margins. </li>
- <li>If free space was distributied to auto margins, the following pack or align
+ <li>If free space was distributed to auto margins, the following pack or align
step has no effect.</li>
</ul>
<div class="example">
<p>Auto margins can be used for simple alignment or for fine control.</p>
<p>Note that auto margins work consistently in both dimensions, so a simple
markup like this</p>
- <pre>div { display:-ms-box;
+ <pre>div { display:flexbox;
width:4em; height:4em; background:silver;
}
p { margin:auto; }
@@ -942,7 +942,7 @@
<p>To lay out a flexbox and its contents, follow these steps:</p>
<ol>
- <li value=0>Generate anonymous flexbox items around runs of continguous inline content in the flexbox, as described in the <a href="#flex-items">Flexbox Items</a> section.</li>
+ <li value=0>Generate anonymous flexbox items around runs of contiguous inline content in the flexbox, as described in the <a href="#flex-items">Flexbox Items</a> section.</li>
<li>Re-order the flexbox items according to their 'flex-order'. The items with the lowest (most negative) 'flex-order' values are first in the ordering. If multiple items share a 'flex-order' value, they're ordered by document order. This affects the order in which the flexbox items generate boxes in the box-tree, and how the rest of this algorithm deals with the items.</li>
@@ -955,7 +955,7 @@
<li>
<p>Otherwise layout the flexbox items using the shrink-to-fit algorithm.</p>
- <p>Calculation of the shrink-to-fit width is similar to calculating the width of a table cell using the automatic table layout algorithm. Roughly: calculate the preferred width by formatting the content without breaking lines other than where explicit line breaks occur, and also calculate the preferred minimum width, e.g., by trying all possible line breaks. This module doesn't define the exact algorith, but it is expected that the shrink-to-fit size is calculated the same way as it is for floats, except in this case it is not affected by available space.</p>
+ <p>Calculation of the shrink-to-fit width is similar to calculating the width of a table cell using the automatic table layout algorithm. Roughly: calculate the preferred width by formatting the content without breaking lines other than where explicit line breaks occur, and also calculate the preferred minimum width, e.g., by trying all possible line breaks. This module doesn't define the exact algorithm, but it is expected that the shrink-to-fit size is calculated the same way as it is for floats, except in this case it is not affected by available space.</p>
<div class="issue"><p>TODO: define shrink-to-fit. It works
differently in row/column flexboxes:</p>
@@ -1047,13 +1047,13 @@
<li>Determine the final cross size of each flexbox item. For each flexbox item, if it has ''flex-item-align:stretch'', its final cross size is
set so that its margin-box cross size is equal to cross-size of its flexbox line. For all other flexbox items, its final cross size is its hypothetical cross size.
If the result conflicts with 'min-width', 'max-width', 'min-height' or
- 'max-height', correct the result to comply the the restrictions.</li>
+ 'max-height', correct the result to comply the restrictions.</li>
<p class="issue">'auto' height must only grow, not shrink here</p>
<li>Resolve 'auto' margins on cross axis. For each flexbox item, if its
margin box cross size is smaller than cross size of its line and it has
any margins in cross direction set to 'auto', distribute the difference
- equaly to the auto margins. </li>
+ equally to the auto margins. </li>
<li>For each flexbox line, align the flexbox items per 'flex-item-align'.</li>
<li>Align the flexbox lines per 'flex-line-pack'. The leftover free-space is calculated by subtracting the sum of the flexbox line's cross sizes from the cross size of the flexbox's content box.</li>
@@ -1153,7 +1153,7 @@
<li>In a row-direction single-line flexbox, breaks before and after items apply to the flexbox</li>
<p class="issue">"break-inside:avoid" in single-line horizontal should probably be applied to flexbox too.</p>
- <li>In column-directon single-line flexbox and all multi-line flexboxes:
+ <li>In column-direction single-line flexbox and all multi-line flexboxes:
<ol>
<li>Forced break before the first item is applied to the flexbox</li>
@@ -1188,14 +1188,14 @@
<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>
- <li>Set of items that will fit on current page is determined by adding main-axis sizes of items until total size exceeds avaialble space or a forced break is encountered.</li>
+ <li>Set of items that will fit on current page is determined by adding main-axis sizes of items until total size exceeds availalble space or a forced break is encountered.</li>
<li>If border box of an item doesn’t fit in available space, a break inside the item is considered</li>
<li>
<p>Items that fit on a page completely or partially are aligned according to ‘flex-pack’ property, independently from the rest of flexbox content.</p>
- <p>Note that flexible lenghts are not recalculated on each page, even if there is additional free space.</p>
+ <p>Note that flexible lengths are not recalculated on each page, even if there is additional free space.</p>
</li>
</ol>
@@ -1286,7 +1286,7 @@
that have fit on the current page.</li>
<li>Line packing is done on each page, with content on the page</li>
- <p class="issue">TODO: combine breaking algorightms for multiline in both directions. If breaks inside items are not allowed the algorithm is almost same.</p>
+ <p class="issue">TODO: combine breaking algorigthms for multiline in both directions. If breaks inside items are not allowed the algorithm is almost same.</p>
</ol>
</li>
</ol>
Received on Monday, 5 March 2012 17:22:09 UTC