語法

彈性方向flex-direction

Setting the direction of flex items.

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;`

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

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

Setting the initial main size of a flex item.

Setting how flex items grow.

Overview