align-content对齐弹性盒的元素的各项，理解的是主要对齐的是竖直方向上的；align-items居中对齐弹性盒的各项元素，主要对齐的是水平方向的。
align-items与justify-content的定义与区别 justify-content属性定义了项目在主轴上的对齐方式,如下面默认的方向为从左到右 justify-content属性定义项目在交叉轴上如何对齐,如下面的方向为从上到下 小结 通过flex-direction确定了主轴方向,justify-content确定了再主轴方向的对齐方式,align-items确定了对应垂直方向的对齐方...
一、当盒子为单行显示时(就是上面代码的结果) 加上: .wrap{align-content: center;} 结果: 结论:在单行显示时align-content: center屁用没有 再加上: .wrap{align-items: center;} 结果: 结论:单行时候垂直居中使用align-items: center; 二、当盒子为多行显示时 加上: .child{width:80px;} 然后就是两种...