Compare Revisions

flex-wrap

Change Revisions

Revision 300015:

Revision 300015 by ethertank on

Revision 317105:

Revision 317105 by teoli on

Title:
flex-wrap
flex-wrap
Slug:
CSS/flex-wrap
CSS/flex-wrap
Tags:
"css", "CSS Reference"
"css", "CSS Reference"
Content:

Revision 300015
Revision 317105
n10    <p>n
11      {{ SeeCompatTable() }}
12    </p>
n17      The <code>flex-wrap</code> <a href="/en/CSS" title="CSS">CSn14      The <code>flex-wrap</code> <a href="/en-US/docs/CSS" title=
>S</a> property specifies whether the children are forced into a s>"CSS">CSS</a> property specifies whether the children are forced 
>ingle line or if the items can be flowed on multiple lines.>into a single line or if the items can be flowed on multiple line
 >s.
n43<nobr>Formal grammar: &lt;flex-wrap&gt;n40<nobr>Formal syntax: &lt;flex-wrap&gt;
44                where &lt;flex-wrap&gt; is nowrap | wrap | wrap-r41         where &lt;flex-wrap&gt; is nowrap | wrap | wrap-reverse
>everse 
n62        The flex items are laid out in a single line which may can59        The flex items are laid out in a single line which may ca
>use the flex container to overflow. The <strong>cross-start</stro>use the flex container to overflow. The <strong>cross-start</stro
>ng> is either equivalent to <strong>start</strong> or <strong>bef>ng> is either equivalent to <strong>start</strong> or <strong>bef
>ore</strong> depending <code>flex-direction</code> value.>ore</strong> depending {{cssxref("flex-direction")}} value.
n81<nobr>element { n78<nobr class="brush:css;highlight:[2]">
79element {   
nn81 
n151              {{ CompatUnknown() }}n150              {{ CompatGeckoDesktop("18.0") }} (behind a pref)
n157              {{ CompatUnknown() }}n156              {{ CompatNo() }}
158            </td>
159            <td>157            </td>
160              {{ CompatUnknown() }}
161            </td>158            <td>
159              {{ CompatNo() }}
162            <td>160            </td>
161            <td>
163              {{ CompatUnknown() }}162              {{ CompatNo() }}
n169    <div class="compat-mobile">n168    <div id="compat-mobile">
n203              {{ CompatUnknown() }}n202              {{ CompatNo() }}
204            </td>
205            <td>203            </td>
206              {{ CompatUnknown() }}
207            </td>204            <td>
205              {{ CompatNo() }}
208            <td>206            </td>
207            <td>
209              {{ CompatUnknown() }}208              {{ CompatNo() }}
tt217    <ul>
218      <li>
219        <a href="/en-US/docs/CSS/Using_CSS_flexible_boxes" title=
 >"/en-US/docs/CSS/Using_CSS_flexible_boxes">Using CSS flexible box
 >es</a>
220      </li>
221      <li>{{ CSS_Reference:FlexBox() }}
222      </li>
223    </ul>

Back to History