align-content:flex-end;    //当不折行的情况下，align- content（纵向对齐方式）是不生效的。

flex-wrap:wrap; //加上折行属性，align-content生效

 

flex 盒子上下左右居中 {display:flex; justify-content:center; align-items:center;}

方法二：div{width:300px; height:200px;  position:relative;} div.box{width:100px; height:100px;position:absolute; left:50%; top:50%;transform:translate(-50%,-50%);}