Skip to content

Commit a80175f

Browse files
committed
[css-overflow-4] Adjust example 6 to also work with continue:collapse
What it illustrating is equally applicable to continue:collapse and continue:discard, but it was only written in terms of the latter. Tweak the wording so that it applies to both.
1 parent 5fbd75b commit a80175f

File tree

1 file changed

+13
-4
lines changed

1 file changed

+13
-4
lines changed

css-overflow-4/Overview.bs

Lines changed: 13 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1083,22 +1083,31 @@ Fragmentation of Overflow: the 'continue' property</h3>
10831083
This keyword has no effect on [=multicol containers=].
10841084
</dl>
10851085

1086-
<div class=example>
1087-
Given an article with one excessively long overflowing line,
1088-
and four more lines than can fit in the [=fragmentation direction=] as in the illustration bellow,
1086+
<div class=example id=ex-continue-overflow>
1087+
Given,
1088+
as in the illustration bellow,
1089+
an article with one excessively long overflowing line
1090+
and four more lines in the [=block dimension=] than can fit,
10891091
different renderings are possible based on the combination of the 'overflow' and 'continue' property.
10901092

10911093
<figure>
10921094
<img src="images/continue-flow.png" alt="article with one excessively long line and four more that can fit in the block direction">
10931095
</figure>
10941096

10951097

1098+
<style>
1099+
#ex-continue-overflow td { text-align: center; }
1100+
#ex-continue-overflow th:not(:first-child) { text-align: center; }
1101+
</style>
10961102
<table class=data>
1103+
<thead>
10971104
<tr>
10981105
<th>
1099-
<th>''continue: discard''
1106+
<th>''continue: collapse'' /
1107+
''continue: discard''
11001108
<th>''continue: auto''
11011109

1110+
<tbody>
11021111
<tr>
11031112
<th>''overflow: visible''
11041113

0 commit comments

Comments
 (0)