全回顾扫盲css之flex布局-总结

1.首先要分清主轴和交叉轴,主轴具有space-between等属性,交叉轴没有。

2.容器属性有一个flex-flow是可以复合写的,分别是flex-direction和flex-wrap,意思是主轴方向|是否可以回行

3.项目属性有一个flex属性是可以复合写的,分别是flex-grow|flex-shrink|flex-basis,后两个属性选填。意思是比例大小|是否允许缩小|占主轴大小

 4.使用align-self可以满足特殊的布局,这个属性是交叉轴的,跟主轴的spece-between有相呼应的意思

随机浏览