Skip to content

Commit 1e7ea40

Browse files
committed
[css-multicol-1] define spanning element as out-of-flow. Fixes #1072
1 parent 76f2c1f commit 1e7ea40

File tree

1 file changed

+6
-1
lines changed

1 file changed

+6
-1
lines changed

css-multicol-1/Overview.bs

+6-1
Original file line numberDiff line numberDiff line change
@@ -939,7 +939,8 @@ Spanning Columns</h2>
939939
</dd>
940940
<dt><dfn>all</dfn></dt>
941941
<dd>
942-
The element spans across all columns of the nearest multicol ancestor
942+
The element is taken [=out-of-flow=]
943+
and spans across all columns of the nearest multicol ancestor
943944
in the same [=block formatting context=].
944945
Content in the normal flow that appears before the element
945946
is automatically balanced across all columns
@@ -972,6 +973,9 @@ Spanning Columns</h2>
972973
An element that spans more than one column is called a <dfn export>spanning element</dfn>
973974
and the box it creates is called a <dfn export>spanner</dfn>.
974975

976+
A spanning element is taken [=out-of-flow=], leaving a forced break.
977+
This does not affect the <a href="https://www.w3.org/TR/CSS2/zindex.html">painting order</a> [[!CSS21]] of the spanning element.
978+
975979
<div class="example">
976980
In this example, an <code>h2</code> element has been added to the sample document after the sixth sentence
977981
(i.e., after the words "the leg of a").
@@ -1435,6 +1439,7 @@ This appendix is <em>informative</em>.
14351439

14361440
<h3 id="changes-from-20180528">Changes from the <a href="https://www.w3.org/TR/2018/WD-css-multicol-1-20180528/">Working Draft (WD) of 28 May 2018</a></h3>
14371441
<ul>
1442+
<li>Clarified the spec to explain that a spanning element is taken out-of-flow, leaving a forced break. Added the paragraph, "A spanning element is taken out-of-flow, leaving a forced break. This does not affect the painting order of the spanning element." <a href="https://github.com/w3c/csswg-drafts/issues/1072#issuecomment-468087733">Resolved 28 Feb 2019</a>.</li>
14381443
<li>Moved the definition of the 'column-gap' property to [[CSS3-ALIGN]] and added a paragraph detailing the specifics of 'column-gap' in multicol:
14391444
<br />"In a multi-column formatting context the used value of normal for the column-gap property is 1em. This ensures columns are readable when the initial values are used. If there is a column rule between columns, it will appear in the middle of the gap." <a href="https://github.com/w3c/csswg-drafts/issues/3641">Resolved 4 June 2019.</a></li>
14401445
<li>Reworded the section <a href="#the-multi-column-model">The multi-column model</a>, based on input from Morten Stenshorne in <a href="https://github.com/w3c/csswg-drafts/issues/2203#issuecomment-431695940">issue 2203</a>.</li>

0 commit comments

Comments
 (0)