You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: css-multicol-1/Overview.bs
+8-9Lines changed: 8 additions & 9 deletions
Original file line number
Diff line number
Diff line change
@@ -228,7 +228,7 @@ The multi-column model</h2>
228
228
229
229
Column boxes are block container boxes. The multi-column container is the principal box, and column boxes are anonymous.
230
230
231
-
Note: Column boxes do not become the containing block for elements with ''position: fixed'' or ''position: absolute''. The containing block is the multicol element, it being the principal box.
231
+
Note: Column boxes do not become the containing block for elements with ''position: fixed'' or ''position: absolute''. The containing block is the multicol container, it being the principal box.
232
232
233
233
<wpt>
234
234
multicol-containing-001.xht
@@ -252,7 +252,7 @@ The multi-column model</h2>
252
252
253
253
<figure>
254
254
<img src="images/column-not-containing-block.svg" alt="The absolutely positioned image is positioned by reference to the multicol container not the column box.">
255
-
<figcaption>The figure demonstrates that the absolutely positioned image is positoned by reference to the multicol container and not the column box.</figcaption>
255
+
<figcaption>The figure demonstrates that the absolutely positioned image is positioned by reference to the multicol container and not the column box.</figcaption>
256
256
</figure>
257
257
</div>
258
258
@@ -435,7 +435,7 @@ these two properties determine the outcome:-->
435
435
Note: The reason for making 'column-width' somewhat flexible
436
436
is to achieve scalable designs that can fit many screen sizes. To set
437
437
an exact column width, the column gap and the width of the multicol
438
-
element (assuming horizontal text) must also be specified.
438
+
container (assuming horizontal text) must also be specified.
439
439
440
440
441
441
<h3 id='cc'>
@@ -542,8 +542,7 @@ Pseudo-algorithm</h3>
542
542
543
543
The pseudo-algorithm below determines the used values for
544
544
'column-count' (N) and 'column-width' (W). There is one other variable
545
-
in the pseudo-algorithm: U is the used width of the multi-column
546
-
element.
545
+
in the pseudo-algorithm: U is the used width of the multi-column container.
547
546
548
547
Note: The used width U of the multi-column container can depend on the element's contents,
549
548
in which case it also depends on the computed values of the 'column-count' and 'column-width' properties.
@@ -673,7 +672,7 @@ Column gaps and rules</h2>
673
672
column rule will not alter the placement of anything else. If a column
674
673
rule is wider than its gap, the adjacent column boxes will overlap the
675
674
rule, and the rule may possibly extend outside the box of the multicol
676
-
container. Column rules are painted just above the border of the multicol element. For scrollable multicol elements, note that while the border and background of the multicol element obviously aren't scrolled, the rules need to scroll along with the columns. Column rules are
675
+
container. Column rules are painted just above the border of the multicol element. For scrollable multicol elements, note that while the border and background of the multicol container obviously aren't scrolled, the rules need to scroll along with the columns. Column rules are
677
676
only drawn between two columns that both have content.
678
677
679
678
<wpt>
@@ -1314,7 +1313,7 @@ Pagination and overflow outside multicol containers</h3>
1314
1313
</wpt>
1315
1314
1316
1315
Columns that appear outside the multicol container in continuous contexts
1317
-
are called <dfn export>overflow columns</dfn>. Overflow columns can effect the height of the multicol container.
1316
+
are called <dfn export>overflow columns</dfn>. Overflow columns can affect the height of the multicol container.
1318
1317
1319
1318
<div class="example">
1320
1319
In this example, the height of the multi-column container has been
@@ -1339,7 +1338,7 @@ Pagination and overflow outside multicol containers</h3>
1339
1338
1340
1339
<div class="example">
1341
1340
1342
-
In continuous contexts overflow columns can effect the height of the multicol container. In this example a column appears in the overflow which has four lines of text. The multicol container is made tall enough to accomodate this column.
1341
+
In continuous contexts overflow columns can affect the height of the multicol container. In this example a column appears in the overflow which has four lines of text. The multicol container is made tall enough to accomodate this column.
1343
1342
1344
1343
<figure>
1345
1344
<img src="images/overflow-column-effects-height.svg" alt="Four columns, overflow column is taller than the first three">
@@ -1420,7 +1419,7 @@ This appendix is <em>informative</em>.
1420
1419
overflow columns.</q>
1421
1420
<br>To:
1422
1421
<br><q>In continuous media, this property does not have any effect when there are overflow columns.</q><a href="https://github.com/w3c/csswg-drafts/issues/2549">Resolved: 12 Apr 2018</a></li>
1423
-
<li>Add a line of text plus an example to show that overflow columns can effect the multicol container height. <a href="https://github.com/w3c/csswg-drafts/issues/1745">Resolved: 12 Apr 2018</a></li>
1422
+
<li>Add a line of text plus an example to show that overflow columns can affect the multicol container height. <a href="https://github.com/w3c/csswg-drafts/issues/1745">Resolved: 12 Apr 2018</a></li>
1424
1423
<li>Replaced the HTML mock-up examples with SVG versions, as the examples were unclear. <a href="https://github.com/w3c/csswg-drafts/issues/1087">Issue 1087</a>.</li>
1425
1424
<li>Changed the value of normal for column-gap to be 1em, rather than a UA-specified length with a suggestion of 1em. <a href="https://github.com/w3c/csswg-drafts/issues/2145#issuecomment-378781507">Resolved: 4 Apr 2018</a></li>
1426
1425
<li>Clarified that negative values are not allowed for column-width, and that while 0 may be specified, used values will be clamped to a minimum of 1px. <a href="https://github.com/w3c/csswg-drafts/issues/1741#issuecomment-373091628">Resolved: 14 Mar 2018</a></li>
0 commit comments