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
+3-6Lines changed: 3 additions & 6 deletions
Original file line number
Diff line number
Diff line change
@@ -156,7 +156,7 @@ <h3 id='display-flexbox'>
156
156
157
157
<p>You can declare that an element is a flexbox, and thus should use flexbox layout for its contents, by setting the 'display' property on the element to the value 'flexbox' or 'inline-flexbox'.</p>
158
158
159
-
<p>The ''flexbox'' value makes the flexbox act like a block in other layout modes. The ''inline-flexbox'' value makes the flexbox act like an inline-block in other layout modes. When it is necessary to distinguish them, this specification will refer to the former kind of flexbox as <dfnid="block-flexbox" title="block flexbox|block flexboxes">block flexboxes</dfn> and the latter type as <dfnid="inline-flexbox" title="inline flexbox|inline flexboxes">inline flexboxes</dfn>.</p>
159
+
<p>The ''flexbox'' value makes the flexbox a block-level element. The ''inline-flexbox'' value makes the flexbox an inline-level element. When it is necessary to distinguish them, this specification will refer to the former kind of flexbox as a <dfnid="block-flexbox" title="block flexbox|block flexboxes">block flexbox</dfn> and the latter type as an <dfnid="inline-flexbox" title="inline flexbox|inline flexboxes">inline flexbox</dfn>.</p>
160
160
161
161
<p>Flexboxes use a new layout algorithm, and so some properties that were designed with the assumption of block layout don't make sense in a flexbox context. In particular:</p>
162
162
@@ -165,15 +165,12 @@ <h3 id='display-flexbox'>
165
165
166
166
<li>'float' and 'clear' have no effect on a flexbox item. Using 'float' on an element still causes that element's 'display' property to compute to ''block'', as normal, because that occurs before flexbox items are determined (the algorithm for wrapping children of a flexbox into <i>flexbox items</i> needs the computed value of 'display').</li>
167
167
168
-
<li>'vertical-align' has no effect on a flexbox item</li>
168
+
<li>'vertical-align' has no effect on the alignment of a flexbox item in the flexbox</li>
169
169
</ul>
170
170
171
171
<p>If an element's specified value for 'display' is ''inline-flexbox'' and the element is floated or absolutely positioned, the computed value of 'display' must be ''flexbox''.</p>
172
172
173
-
<p>A flexbox creates a new flexbox formatting context for its contents. This is similar to a block formatting context: floats must not intrude into the flexbox, and the flexbox's margins do not collapse with the margins of its contents. Additionally, all of the <i>flexbox items</i> establish new block formatting contexts for their contents.</p>
174
-
175
-
<pclass='issue'>Figure out the right terms to use here.</p>
176
-
173
+
<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> establish a new formatting context for its contents.</p>
0 commit comments