Skip to content

Commit 579ccdf

Browse files
committed
[css3-sizing] improve notes on multi-col sizing
1 parent c90e173 commit 579ccdf

1 file changed

Lines changed: 21 additions & 2 deletions

File tree

css3-sizing/Overview.src.html

Lines changed: 21 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -518,7 +518,12 @@ <h3 id="multicol-intrinsic">
518518
See also
519519
<a href="http://lists.w3.org/Archives/Public/www-style/2011Apr/0316.html">this explanation</a>
520520
<!-- http://lists.w3.org/Archives/Public/www-style/2011May/0468.html -->
521+
521522
<!--
523+
524+
<p class="issue">
525+
This section is VERY experimental. Feedback is encouraged. Shipping implementations is not.
526+
522527
<p>For multi-column elements laid out with infinite available measure (see
523528
<a href="#orthogonal-multicol">Multi-column Layout in Orthogonal Flows</a>),
524529
the <i>min-content</i> extent is the extent that would result
@@ -549,11 +554,25 @@ <h3 id="multicol-intrinsic">
549554
of its contents.
550555
551556
<p>
552-
The <i>max-content measure</i> of a multi-column element is calculated by:
557+
The <i>max-content measure</i> of a multi-column element
558+
with restrained-height columns (i.e. a specified <i>extent<i> or <i>max-extent</i>)
559+
is the <i>measure</i> that would exactly include all of its columns.
560+
It may be approximated by:
553561
<ul>
554562
<li>Laying out the element with column-spanning elements given 'display: none',
555563
and taking a measure that includes all the columns.
556-
<li>Laying out the element, including column-spanning elements, into that resulting measure.
564+
<li>Laying out all of the column-spanning elements into that resulting measure,
565+
and taking the resulting extent.
566+
<li>Subtracting that resulting extent from the specified restraint,
567+
laying out the element without column-spanning elements again into this adjusted extent,
568+
and taking the measure of all its columns as its <i>max-content measure</i>.
569+
<p>
570+
or by some more accurate method.
571+
572+
<p class="note">
573+
This approximation can result in some slack, but avoids overflow in the most common cases,
574+
where the balanced height of the columns above spanning elements are approximately equal.
575+
557576
-->
558577

559578
<h2 id='extrinsic-sizing'>

0 commit comments

Comments
 (0)