Skip to content

Commit 701237f

Browse files
committed
Revise orthogonal flows with multicol section.
1 parent ef804d4 commit 701237f

2 files changed

Lines changed: 56 additions & 22 deletions

File tree

css3-writing-modes/Overview.html

Lines changed: 30 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -2261,28 +2261,45 @@ <h4 id=orthogonal-multicol><span class=secno>7.3.2. </span> Multi-column
22612261
the available extent is defined but the available measure is infinite and
22622262
the element's measure is unconstrained (is not fixed and has no maximum):
22632263

2264-
<ul>
2264+
<ol>
22652265
<li>If &lsquo;<code class=property>column-count</code>&rsquo; and
22662266
&lsquo;<code class=property>column-width</code>&rsquo; are both &lsquo;<a
22672267
href="#auto"><code class=css>auto</code></a>&rsquo;, then the
22682268
&lsquo;<code class=property>column-count</code>&rsquo; is assumed to be
22692269
&lsquo;<code class=css>1</code>&rsquo;, and the following rules apply.
22702270

2271-
<li>If the &lsquo;<code class=property>column-count</code>&rsquo; is not
2271+
<li>If the &lsquo;<code class=property>column-width</code>&rsquo; is
22722272
&lsquo;<a href="#auto"><code class=css>auto</code></a>&rsquo;, the column
22732273
width is calculated as if the element's containing block were the initial
2274-
containing block, and the rest of the layout is calculated as described
2275-
below for non-&lsquo;<a href="#auto"><code
2276-
class=css>auto</code></a>&rsquo; column widths.
2277-
2278-
<li>If the &lsquo;<code class=property>column-width</code>&rsquo; is not
2279-
&lsquo;<a href="#auto"><code class=css>auto</code></a>&rsquo;, the
2280-
available extent is used to calculate the column extent by subtracting
2281-
out the element's margins, borders, and padding in the block dimension
2282-
and flooring the result at zero. The used column-count and the used
2283-
measure of the element then follow from filling the resulting columns
2274+
containing block.
2275+
2276+
<li>If the column's extent is not defined, the available extent is used to
2277+
calculate the column extent by subtracting out the element's margins,
2278+
borders, and padding in the block dimension and flooring the result at
2279+
zero.
2280+
2281+
<li>The used column-count then follows from filling the resulting columns
22842282
with the element's content.
2285-
</ul>
2283+
</ol>
2284+
2285+
<p>The used measure of the element is then the &lsquo;<code
2286+
class=css>max-content</code>&rsquo; measure of the resulting multi-column
2287+
element. (If the content neither wraps nor paginates within the
2288+
multi-column element, then this will be the intrinsic measure of the
2289+
content; else it will be calculated from the used column width, column
2290+
count, and column gap.)
2291+
2292+
<p>The used extent of the element is either the used column extent (if
2293+
multiple columns were used) or the intrinsic extent of the content.
2294+
2295+
<p class=issue>Does CSS3 Multi-col define shrink-wrap sizing? Because
2296+
that's what we're trying to use here in the last two steps...
2297+
2298+
<p class=note>This should behave the same as the auto-sizing algorithm
2299+
defined in the previous section, except overflowing content, instead of
2300+
continuing off the side of the containing block, is wrapped into columns
2301+
in the flow direction of the containing block, thus avoiding T-shaped
2302+
documents.
22862303

22872304
<h4 id=orthogonal-pagination><span class=secno>7.3.3. </span> Paginating
22882305
Orthogonal Flows</h4>

css3-writing-modes/Overview.src.html

Lines changed: 26 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1672,21 +1672,38 @@ <h4 id="orthogonal-multicol">
16721672
available measure is infinite and the element's measure is
16731673
unconstrained (is not fixed and has no maximum):
16741674

1675-
<ul>
1675+
<ol>
16761676
<li>If 'column-count' and 'column-width' are both ''auto'', then
16771677
the 'column-count' is assumed to be ''1'', and the following rules
16781678
apply.
1679-
<li>If the 'column-count' is not ''auto'', the column width is
1679+
<li>If the 'column-width' is ''auto'', the column width is
16801680
calculated as if the element's containing block were the initial
1681-
containing block, and the rest of the layout is calculated as
1682-
described below for non-''auto'' column widths.
1683-
<li>If the 'column-width' is not ''auto'', the available extent is
1681+
containing block.
1682+
<li>If the column's extent is not defined, the available extent is
16841683
used to calculate the column extent by subtracting out the element's
16851684
margins, borders, and padding in the block dimension and flooring
1686-
the result at zero. The used column-count and the used measure of
1687-
the element then follow from filling the resulting columns with the
1688-
element's content.
1689-
</ul>
1685+
the result at zero.
1686+
<li>The used column-count then follows from filling the resulting
1687+
columns with the element's content.
1688+
</ol>
1689+
1690+
<p>The used measure of the element is then the ''max-content'' measure
1691+
of the resulting multi-column element.
1692+
(If the content neither wraps nor paginates within the multi-column
1693+
element, then this will be the intrinsic measure of the content;
1694+
else it will be calculated from the used column width, column count,
1695+
and column gap.)
1696+
<p>The used extent of the element is either the used column extent
1697+
(if multiple columns were used) or the intrinsic extent of the content.
1698+
1699+
<p class="issue">Does CSS3 Multi-col define shrink-wrap sizing? Because
1700+
that's what we're trying to use here in the last two steps...</p>
1701+
1702+
<p class="note">This should behave the same as the auto-sizing algorithm
1703+
defined in the previous section, except overflowing content, instead of
1704+
continuing off the side of the containing block, is wrapped into
1705+
columns in the flow direction of the containing block, thus avoiding
1706+
T-shaped documents.</p>
16901707

16911708
<h4 id="orthogonal-pagination">
16921709
Paginating Orthogonal Flows</h4>

0 commit comments

Comments
 (0)