flex布局笔记小结

有总结不到位的地方欢迎大家补充指正。

任何一个容器都可以指定flex布局，flex布局中，行内元素也能定义大小，定义子项的属性要写在父项中；

flex-direction：设置主轴方向（主轴可以是X轴，也可以是Y轴，默认为X轴）

justify-content:设置主轴上子元素的排列方式（默认在主轴（X轴）上从左往右排列）

align-items：侧轴子元素排列方式（主轴之外的另一个轴就是侧轴），这个属性针对单行（无换行）

align-content：多行子元素排列方式

flex-wrap：是否换行（默认不换行，一行排不下会缩小子项尺寸）

flex：把剩余空间分成多少份，数字越大，份数越多

align-self：设置其中一个子项的对齐方式

order：设置其中一个子项的排列方式，后面数字越小，排位越靠前，默认是0

这里只是常用的一些，还有些不常用的可以边学边查，无代码