关于flex弹性盒模型知识点笔记

• 1.弹性盒模型容器中的项目默认在主轴上排列
• 2.如果项目总长度小于容器长度，就按照设置的长度正常排列，
• 3.如果项目总长度大于容器长度，那么子元素就均分容器长度，设置的宽度无效
• 4.子元素默认都排列在主轴上，不换行
• 5.设置主轴上子元素排列方式 （justify-content）
• justify-content:space-between|space-around
• justify-content：space-around;
• justify-content:space-between;

 6.交叉轴排列方式（align-items）

   align-items:flex-end;(可以做柱状图效果)

7.换行（flex-wrap）

/*换行 如果子元素总宽度大于容器宽度，那么能放下几个子元素就放几个子元素，放不下的换行*/
flex-wrap: wrap;配合justify-content:space-between;可布局下列效果