You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: css3-flexbox/Overview.src.html
+28Lines changed: 28 additions & 0 deletions
Original file line number
Diff line number
Diff line change
@@ -170,6 +170,30 @@ <h2 id='display-flexbox'>
170
170
171
171
<p>A flexbox establishes a new <dfn>flexbox formatting context</dfn> for its contents. This is similar to a block formatting context root: floats do not intrude into the flexbox, and the flexbox's margins do not collapse with the margins of its contents. Additionally, each of the <i>flexbox items</i> establishes a new formatting context for its contents.</p>
172
172
173
+
<p>
174
+
The baseline of a flexbox is:
175
+
176
+
<ul>
177
+
<li>
178
+
If any of the <i>flexbox items</i> on the flexbox's first line
179
+
(after reordering with 'flex-order')
180
+
have a computed value of ''baseline'' for 'flex-item-align',
181
+
the flexbox's baseline is the baseline of those <i>flexbox items</i>.
182
+
183
+
<li>
184
+
Otherwise, if the flexbox has at least one <i>flexbox item</i>,
185
+
and the baseline of its first <i>flexbox item</i>
186
+
(after reordering with 'flex-order')
187
+
is parallel to the flexbox's <i>main axis</i>,
188
+
the flexbox's baseline is the baseline of its first <i>flexbox item</i>.
189
+
190
+
<li>
191
+
Otherwise, the flexbox's baseline is the "after" edge of its content box.
192
+
</ul>
193
+
194
+
<p>
195
+
The table in <ahref="http://www.w3.org/TR/CSS2/visuren.html#dis-pos-flo">CSS 2.1 Chapter 9.7</a> must be amended to contain an additional row, with ''inline-flexbox'' in the "Specified Value" column and ''flexbox'' in the "Copmputed Value" column.
196
+
173
197
<h2id='flex-items'>
174
198
Flexbox Items</h2>
175
199
@@ -240,6 +264,10 @@ <h2 id='flex-items'>
240
264
flexbox item. Similarly, the block element "not-an-item2" is not a flexbox item, because it's absolutely positioned and thus out of flow.</p>
241
265
</div>
242
266
267
+
<p>
268
+
The computed value for 'display' for elements that are <i>flexbox items</i>
269
+
must be determined by applying the table in <ahref="http://www.w3.org/TR/CSS2/visuren.html#dis-pos-flo">CSS 2.1 Chapter 9.7</a>.
0 commit comments