Skip to content

Commit 9045ad2

Browse files
committed
[css-multicol-1] Spanners and margins. Fixes #2203
1 parent 1e7ea40 commit 9045ad2

File tree

1 file changed

+9
-0
lines changed

1 file changed

+9
-0
lines changed

css-multicol-1/Overview.bs

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1092,6 +1092,11 @@ h2 {
10921092
</figure>
10931093
</div>
10941094

1095+
Spanners are block-level boxes
1096+
therefore the margins of two adjacent spanners will collapse with each other.
1097+
As column boxes establish a new [=block formatting context=],
1098+
margins on elements inside a column box will not collapse with the margin of a spanner.
1099+
10951100
<div class="example">
10961101
Spanners establish new [=formatting contexts=], but their margins can be changed by their surroundings.
10971102
In this example, two spanners naturally end up at the top of a page.
@@ -1439,6 +1444,10 @@ This appendix is <em>informative</em>.
14391444

14401445
<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>
14411446
<ul>
1447+
<li>Added the paragraph, "Spanners are block-level boxes
1448+
therefore the margins of two adjacent spanners will collapse with each other.
1449+
As column boxes establish a new [=block formatting context=],
1450+
margins on elements inside a column box will not collapse with the margin of a spanner." <a href="https://github.com/w3c/csswg-drafts/issues/2203#issuecomment-431783027">Resolved 22 Oct 2018</a>, see also the resolution for <a href="https://github.com/w3c/csswg-drafts/issues/2582#issuecomment-402619872">issue 2582</a>.</li>
14421451
<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>
14431452
<li>Moved the definition of the 'column-gap' property to [[CSS3-ALIGN]] and added a paragraph detailing the specifics of 'column-gap' in multicol:
14441453
<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>

0 commit comments

Comments
 (0)