Skip to content

Commit 44e2b46

Browse files
committed
revising column-span
1 parent 8f07730 commit 44e2b46

1 file changed

Lines changed: 66 additions & 1 deletion

File tree

css3-multicol/Overview.src.html

Lines changed: 66 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1236,7 +1236,10 @@ <h3>'column-span'</h3>
12361236
<td>none
12371237
<tr>
12381238
<td><em>Applies to:</em>
1239+
<!--
12391240
<td>static, non-floating elements,
1241+
-->
1242+
<td>block-level elements, except floating and absolutely positioned elements
12401243
<tr>
12411244
<td><em>Inherited:</em>
12421245
<td>no
@@ -1347,7 +1350,69 @@ <h3>'column-span'</h3>
13471350
<p>A spanning element takes up more space than the element would take
13481351
up otherwise. When space is limited, it may be impossible to find room
13491352
for the spanning element. In these cases, user agents may treat the
1350-
element as if 'none' had been specified.
1353+
element as if 'none' had been specified on this property.
1354+
1355+
<div class="example">
1356+
1357+
<p>In this example, an element with 'column-span: all' is set on an element that
1358+
naturally ends up...:
1359+
1360+
<pre class=css>
1361+
h2 {
1362+
column-span: all;
1363+
}
1364+
</pre>
1365+
1366+
<p>As a result, the number of columns is increased.
1367+
1368+
<div class=cols style="height: 100px">
1369+
1370+
<div class="col" style="">
1371+
1372+
<p>
1373+
Ab cde fgh i jkl. Mno<br>
1374+
pqr stu vw xyz. A bc<br>
1375+
def g hij klm nopqrs<br>
1376+
tuv wxy z. Abc de fg<br>
1377+
hi jklmno. Pqrstu vw<br>
1378+
</div>
1379+
1380+
<div class="col" style="left: 175px">
1381+
<p>
1382+
x yz. Abc def ghi jkl.<br>
1383+
M nop qrst uv wx yz.<br>
1384+
Ab cde fgh i jkl. Mno<br>
1385+
pqr stu vw xyz. A bc<br>
1386+
def g hij klm nopqrs
1387+
</div>
1388+
1389+
<div class="col" style="left: 350px">
1390+
<p>
1391+
tuv wxy z. Abc de fg<br>
1392+
hi jklmno. Pqrstu vw<br>
1393+
x yz. Abc def ghi jkl.<br>
1394+
M nop qrst uv wx yz.<br>
1395+
Ab cde fgh i jkl. Mno<br>
1396+
</div>
1397+
1398+
<div class="col" style="left: 525px">
1399+
<p>
1400+
pqr stu vw xyz. A bc<br>
1401+
def g hij klm nopqrs<br>
1402+
tuv wxy z. H2 Abc de fg<br>
1403+
hi jklmno. Pqrstu vw<br>
1404+
x yz. Abc def ghi jkl.<br>
1405+
</div>
1406+
1407+
<div class=gap style="left: 150px"></div>
1408+
<div class=gap style="left: 325px"></div>
1409+
<div class=gap style="left: 500px"></div>
1410+
</div>
1411+
1412+
</div>
1413+
</div>
1414+
1415+
13511416

13521417

13531418

0 commit comments

Comments
 (0)