|
屬性 |
取值(默認值) |
說明 |
---|
彈性容器屬性 |
flex-flow |
<‘flex-direction’> || <‘flex-wrap’> |
|
---|
flex-direction |
row | row-reverse | column | column-reverse |
主軸方向 |
flex-wrap |
nowrap | wrap | wrap-reverse |
主軸方向換行方式 |
justify-content |
flex-start | flex-end | center | space-between | space-around |
元素在主軸上的分佈方式 |
align-items |
flex-start | flex-end | center | baseline | stretch |
元素在交叉軸上的對齊方式 |
align-content |
flex-start | flex-end | center | space-between | space-around | stretch |
多主軸在交叉軸上的分佈方式 |
彈性元素屬性 |
flex |
none | [ <‘flex-grow’> <‘flex-shrink’>? || <‘flex-basis’> ] Initial: 0 1 auto |
|
---|
flex-grow |
<number> Initial: 0 |
元素放大比例(默認不放大) |
flex-shrink |
<number> Initial: 1 |
元素縮小比例(默認縮小) |
flex-basis |
content | <‘width’> Initial: auto |
元素最小尺寸(默認0) |
order |
<integer> Initial: 0 |
元素排序順序 |
align-self |
auto | flex-start | flex-end | center | baseline | stretch |
元素單獨對齊方式 |