Syntax

flex-wrap

Setting how flex items wrap.

Overview

ClassDeclarations
flex-wrap:`value`flex-wrap: `value`;
flex:wrapflex-wrap: wrap;
flex:wrap-reverseflex-wrap: wrap-reverse;
flex:nowrapflex-wrap: nowrap;

Apply conditionally

Apply styles based on different states using selectors and conditional queries.

<div class="flex-wrap:wrap:hover flex-wrap:wrap@sm flex-wrap:wrap@dark flex-wrap:wrap@print">…</div>

  • Master UI


© 2025 Aoyue Design LLC.MIT License
Trademark Policy