語法
彈性方向flex-direction
Setting the direction of flex items.
Overview
Class | Declarations |
---|---|
flex-direction:value | flex-direction: value;
|
flex:row | flex-direction: row;
|
flex:col | flex-direction: column;
|
flex:col-reverse | flex-direction: column-reverse;
|
flex:row-reverse | flex-direction: row-reverse;
|
Conditionally apply
Apply styles based on different states using selectors and applying conditionally.
<div class="flex-direction:col:hover flex-direction:col@sm flex-direction:col@dark flex-direction:col@print">…</div>