Skip to content

Commit 3bd8fba

Browse files
author
howcome
committed
machine-generated version
1 parent 6bb3cee commit 3bd8fba

1 file changed

Lines changed: 55 additions & 14 deletions

File tree

‎css-multicol/Overview.html‎

Lines changed: 55 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -3,14 +3,15 @@
33

44
<html lang=en>
55
<head profile="http://dublincore.org/documents/2008/08/04/dc-html/ ">
6+
<meta charset=utf8>
67
<title>CSS Multi-column Layout Module</title>
78

89
<link href="http://purl.org/dc/terms/" rel=schema.dcterms>
910
<link href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
1011
rel=dcterms.rights>
1112
<meta content="CSS Multi-column Layout Module" name=dcterms.title>
1213
<meta content=text name=dcterms.type>
13-
<meta content=2013-06-03 name=dcterms.date>
14+
<meta content=2013-06-26 name=dcterms.date>
1415
<meta content="Håkon Wium Lie" name=dcterms.creator>
1516
<meta content=W3C name=dcterms.publisher>
1617
<meta content="http://dev.w3.org/csswg/css3-multicol/"
@@ -38,13 +39,13 @@
3839

3940
<h1>CSS Multi-column Layout Module</h1>
4041

41-
<h2 class="no-num no-toc" id=w3c-working>Editor's Draft 3 June 2013</h2>
42+
<h2 class="no-num no-toc" id=w3c-working>Editor's Draft 26 June 2013</h2>
4243

4344
<dl>
4445
<dt>This version:
4546

4647
<dd>
47-
<!--<a href="http://www.w3.org/TR/2013/CR-css3-multicol-20130603">http://dev.w3.org/csswg/css3-multicol/</a>-->
48+
<!--<a href="http://www.w3.org/TR/2013/CR-css3-multicol-20130626">http://dev.w3.org/csswg/css3-multicol/</a>-->
4849
<a
4950
href="http://dev.w3.org/csswg/css3-multicol/">http://dev.w3.org/csswg/css3-multicol/</a>
5051

@@ -660,9 +661,10 @@ <h2 id=the-number-and-width-of-columns><span class=secno>3. </span>The
660661
number and width of columns</h2>
661662

662663
<p>Finding the number and width of columns is fundamental when laying out
663-
multi-column content. When the block direction is unconstrained and no
664-
column breaks are added through style sheets, these two properties
665-
determine the outcome:
664+
multi-column content. These properties are used to set the number and
665+
width of columns: <!--When the block direction
666+
is unconstrained and no column breaks are added through style sheets,
667+
these two properties determine the outcome:-->
666668

667669
<ul>
668670
<li>‘<a href="#column-count"><code
@@ -678,6 +680,9 @@ <h2 id=the-number-and-width-of-columns><span class=secno>3. </span>The
678680
class=property>column-width</code></a>’ and ‘<a
679681
href="#column-count"><code class=property>column-count</code></a>’.
680682

683+
<p>Other factors, such as the explicit column breaks and height
684+
constraints, may influence the actual numer and width of columns.
685+
681686
<h3 id=cw><span class=secno>3.1. </span>‘<a href="#column-width"><code
682687
class=property>column-width</code></a>’</h3>
683688

@@ -965,15 +970,14 @@ <h3 id=pseudo-algorithm><span class=secno>3.4. </span>Pseudo-algorithm</h3>
965970
rel=biblioentry>[CSS3BOX]<!--{{CSS3BOX}}--></a> or the Intrinsic &
966971
Extrinsic Sizing Module <a href="#CSS3-SIZING"
967972
rel=biblioentry>[CSS3-SIZING]<!--{{CSS3-SIZING}}--></a>) is expected to
968-
define this.
969-
970-
<p>Two assumptions are being made by the pseudo-algorithm:
971-
972-
<ul>
973-
<li>that the block direction is unconstrained
973+
define this. <!--
974+
<p>Two assumptions are being made by the pseudo-algorithm:
974975
975-
<li>that no column breaks are added through style sheets
976-
</ul>
976+
<ul>
977+
<li>that the block direction is unconstrained
978+
<li>that no column breaks are added through style sheets
979+
</ul>
980+
-->
977981

978982
<p>The <code>floor(X)</code> function returns the largest integer Y ≤ X.
979983

@@ -997,6 +1001,43 @@ <h3 id=pseudo-algorithm><span class=secno>3.4. </span>Pseudo-algorithm</h3>
9971001
<p>In paged media, user agents may perform this calculation on a per-page
9981002
basis.
9991003

1004+
<p>The used value for for ‘<a href="#column-count"><code
1005+
class=property>column-count</code></a>’ is calculated without regard for
1006+
explicit column breaks or constrained column lengths, while the actual
1007+
value takes these into consideration.
1008+
1009+
<div class=example>
1010+
<p>In this example, the actual column-count is higher than the used
1011+
column-count due to explicit column breaks:
1012+
1013+
<pre>
1014+
div { width: 40em; columns: 20em }
1015+
p { break-after: column }
1016+
1017+
&lt;div style="width: 40em; columns: 20em">
1018+
&lt;p>one
1019+
&lt;p>two
1020+
&lt;p>three
1021+
&lt;/div>
1022+
</pre>
1023+
1024+
<p>The used column-count is 2 and the actual column-count is 3.
1025+
</div>
1026+
1027+
<div class=example>
1028+
<p>The actual column-count may be lower than the used column-count.
1029+
Consider this example:
1030+
1031+
<pre>
1032+
&lt;div style="width: 80em; height: 10em; columns: 20em; column-gap: 0; column-fill: auto;">
1033+
foo
1034+
&lt;/div>
1035+
</pre>
1036+
1037+
<p>The computed column-count is auto, the used column-count is 4, and the
1038+
actual column-count is 1.
1039+
</div>
1040+
10001041
<h3 id=stacking-context><span class=secno>3.5. </span>Stacking context</h3>
10011042

10021043
<p>All column boxes in a multi-column element are in the same stacking

0 commit comments

Comments
 (0)