/* 所有项目在主轴上的对齐，有一个前提：主轴上必须存在剩余空间 */
/* 所谓对齐就是主轴上的剩余空间如何在项目之间进行分配 */
/* 默认：剩余空间位于所有项目的右边 */
justify-content: flex-start;左 justify-content: flex-end;右 justify-content: center;中间
/* 剩余空间除了可以在所有项目的两边进行分配，还可以在项目之间进行分配 */
/* 两端对齐 */ justify-content: space-between;
/* 分散对齐 */ justify-content: space-around;
/* 平均对齐 */ justify-content: space-evenly;
/* flex项目 */ /* flex-basis: 20px;项目的计算尺寸，表示项目在主轴上的宽度 */
/* flex-shrink: 0;禁止收缩 */ /* flex-grow: 1;允许收缩 */
/* flex：放大因子 收缩因子 计算因子 */ /* flex默认：禁止放大 允许收缩 宽度自动 */ /* flex:0 1 auto */ /* 可以使用关键字initial代表默认值 */ /* flex：initial； */
/* flex：none；完全固定 */