Skip to content

Commit 26bb9bb

Browse files
committed
Added paragraph about the effect of 'visiblity:collapse' on flexbox items.
1 parent a9b7c44 commit 26bb9bb

2 files changed

Lines changed: 17 additions & 1 deletion

File tree

css3-flexbox/Overview.html

Lines changed: 15 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -140,6 +140,10 @@ <h2 class="no-num no-toc" id=table>Table of contents</h2>
140140

141141
<li><a href="#flex-items"><span class=secno>2.2. </span> Flexbox
142142
Items</a>
143+
<ul class=toc>
144+
<li><a href="#abspos-flexbox-items"><span class=secno>2.2.1. </span>
145+
Positioning Absolutely Positioned Flexbox Items</a>
146+
</ul>
143147
</ul>
144148

145149
<li><a href="#ordering-orientation"><span class=secno>3. </span> Ordering
@@ -466,6 +470,16 @@ <h3 id=flex-items><span class=secno>2.2. </span> Flexbox Items</h3>
466470
positioned and thus out of flow.</p>
467471
</div>
468472

473+
<p>Similar to table cells, flexbox items respond specially to the
474+
&lsquo;<code class=css>collapse</code>&rsquo; value of the &lsquo;<code
475+
class=property>visibility</code>&rsquo; property. When a flexbox item is
476+
set to &lsquo;<code class=css>visibility: collapse;</code>&rsquo;, the
477+
item does not generate a box at all (identical to setting &lsquo;<code
478+
class=css>display: none;</code>&rsquo;).
479+
480+
<h4 id=abspos-flexbox-items><span class=secno>2.2.1. </span> Positioning
481+
Absolutely Positioned Flexbox Items</h4>
482+
469483
<p>Absolutely positioned children of a flexbox are not <a
470484
href="#flexbox-item"><i>flexbox items</i></a>, but their "static position"
471485
(their position when the &lsquo;<code
@@ -1667,7 +1681,7 @@ <h2 class=no-num id=index>Index</h2>
16671681
title=flex-pack><strong>5.1.</strong></a>
16681682

16691683
<li>hypothetical neighbors, <a href="#hypothetical-neighbors"
1670-
title="hypothetical neighbors"><strong>2.2.</strong></a>
1684+
title="hypothetical neighbors"><strong>2.2.1.</strong></a>
16711685

16721686
<li>justify, <a href="#flex-line-pack-justify"
16731687
title=justify><strong>6.1.</strong></a>, <a href="#flex-pack-justify"

css3-flexbox/Overview.src.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -187,6 +187,8 @@ <h3 id='flex-items'>
187187
<p>Notice that block element "not-an-item6.3" is not a separate flexbox item, because it is contained inside an inline element which is being wrapped into an anonymous flex item. Similarly, the block element "not-an-item1.5" is not a flexbox item, because it's absolutely positioned and thus out of flow.</p>
188188
</div>
189189

190+
<p>Similar to table cells, flexbox items respond specially to the ''collapse'' value of the 'visibility' property. When a flexbox item is set to ''visibility: collapse;'', the item does not generate a box at all (identical to setting ''display: none;'').</p>
191+
190192
<h4 id='abspos-flexbox-items'>
191193
Positioning Absolutely Positioned Flexbox Items</h4>
192194

0 commit comments

Comments
 (0)