Skip to content

Commit f5236b8

Browse files
committed
revised overflow description
1 parent 9ce58a6 commit f5236b8

1 file changed

Lines changed: 24 additions & 42 deletions

File tree

css3-multicol/Overview.src.html

Lines changed: 24 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,4 @@
1-
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
2-
"http://www.w3.org/TR/html4/strict.dtd">
3-
4-
<!--
5-
6-
define 'auto' values on column-width, column-count
7-
8-
don't break tables, pictures
9-
10-
http://lists.w3.org/Archives/Member/w3c-css-wg/2007JanMar/0051.html
11-
12-
How about saying that if both are set, the column-count is regarded
13-
as a maximum? So for example, if I have an element and set
14-
15-
column: 30em 6;
16-
17-
then I'll get as many 30em columns as will fit, or 6 columns if more
18-
than 6 will fit.
19-
20-
21-
http://lists.w3.org/Archives/Member/w3c-css-wg/2007JulSep/0049.html
22-
23-
I don't know what zero (or negative) values might be good for, so I
24-
agree: the spec should say that the values of both properties must be
25-
greater than zero.
26-
27-
http://lists.w3.org/Archives/Member/w3c-css-wg/2007JulSep/0053.html
28-
29-
-->
30-
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
312
<html lang="en">
323
<head>
334
<meta content="text/html" http-equiv="Content-Type">
@@ -910,7 +881,7 @@ <h3>'column-gap'</h3>
910881
<td>visual
911882
<tr>
912883
<td><em>Computed&nbsp;value:</em>
913-
<td>specified value
884+
<td>absolute length or 'normal'
914885
</table>
915886

916887

@@ -1059,7 +1030,8 @@ <h3>'column-rule'</h3>
10591030

10601031
<p>This property is a shorthand property for setting
10611032
'column-rule-width', 'column-rule-style', and 'column-rule-color' at
1062-
the same place in the style sheet. Omitted values are set to their initial values.
1033+
the same place in the style sheet. Omitted values are set to their
1034+
initial values.
10631035

10641036

10651037

@@ -1334,18 +1306,35 @@ <h2>Filling columns</h2>
13341306

13351307
<h2>Overflow and multi-column elements</h2>
13361308

1309+
<p>
1310+
13371311
<p>Content that extend into column gaps (e.g., long words and floats
13381312
that are higher and/or wider than the column box) is clipped in the
1339-
middle of the column gap. Content that extend outside column boxes at
1313+
middle of the column gap.
1314+
1315+
<p class="issue">However, some content (e.g., floats) may intrude into other columns.
1316+
1317+
<p>Content that extend outside column boxes at
13401318
the edges of the multi-column element is clipped according to the
13411319
'overflow' property.
13421320

1343-
<p class="note">However, some content (e.g., floats) may intrude into other columns.
13441321

13451322
<p>A multi-column element can have more columns than it has room for due to:
13461323

13471324
<ul>
1348-
<li>A constrained column height. The height can be constrained by a rule on the multi-column element, or, in paged media, by the size of the page.
1325+
<li>Constrained column height. The height can be constrained by a
1326+
rule on the multi-column element. In paged media, the height can also
1327+
be constrained by the size of the page.
1328+
1329+
<li>Explicit column breaks.
1330+
</ul>
1331+
1332+
<p>In paged media, columns for which there is not room within the page
1333+
are are moved to the next page.
1334+
1335+
<p>In continuous media, the columns for which there is no room within
1336+
the multicol element are progressivly added in the inline direction.
1337+
13491338

13501339
<div class="example">
13511340

@@ -1410,8 +1399,6 @@ <h2>Overflow and multi-column elements</h2>
14101399
</div>
14111400

14121401

1413-
<li>Explicit column breaks.
1414-
14151402
<div class="example">
14161403

14171404
<p>In this example, explicit column breaks are generated after paragraphs:
@@ -1464,11 +1451,6 @@ <h2>Overflow and multi-column elements</h2>
14641451
</div>
14651452

14661453

1467-
</ul>
1468-
1469-
1470-
<p>In paged media, columns for which there is not room within the page
1471-
are are moved to the next page.
14721454

14731455
<div class="example">
14741456

0 commit comments

Comments
 (0)