CSS Flexbox 备忘单

CSS Flexbox 布局属性的视觉指南和游乐场。

容器属性

display
flexinline-flex
flex-direction
rowrow-reversecolumncolumn-reverse
flex-wrap
nowrapwrapwrap-reverse
justify-content
flex-startflex-endcenterspace-betweenspace-aroundspace-evenly
align-items
flex-startflex-endcenterbaselinestretch
align-content
flex-startflex-endcenterspace-betweenspace-aroundstretch

项目属性

order
0 (default)<integer>
flex-grow
0 (default)<number>
flex-shrink
1 (default)<number>
flex-basis
auto (default)<length>
align-self
autoflex-startflex-endcenterbaselinestretch
flex
noneautoinitial<grow> <shrink> <basis>