flex

display:fles;
flex-wrap: wrap; // 是否换行
justify-content: space-between; // 多行 行对齐方式 两端对齐
align-content: space-between; // 列对齐方式 两端对齐
align-items:center; // 单行
flex-direction: column; 列布局